Need to embed Grafana dashboard in react web application

We have a requirement to embed Grafana dashboard in react web application. We have published the dashboard, and we have a public dashboard link. The issue which we are facing is due to template variables used in the dashboard. We are passing those variables in the link using iframe tag but getting error with status code 400.

Dashboard Link: http://localhost:3000/public-dashboards/15c186c1b6b34115829a1d55d2743204?from=1734607789206&to=1734629389209&timezone=browser&var-selectedYear=2024&var-selectedMonth=December