Issue with Real-Time Refresh for Embedded Grafana Panel in React – Full Page Refresh on Data Update

Hello Grafana Community,

I’m facing an issue when embedding a Grafana dashboard into my React application. I’m trying to display a real-time panel, and although I’ve enabled the auto-refresh within Grafana and configured the correct query parameters (e.g., refresh=5s), I’m still encountering the following problems:

  1. The panel doesn’t refresh automatically when new data arrives. I have to manually refresh the page to see updated data.
  2. If I manually refresh, the entire panel reloads, causing the Grafana logo to appear, and the whole graph disappears before reappearing. This causes a very awkward user experience.