fix: immediately change the line chart viewport when updating relativ…

…e time range
awslabs · Nov 21, 2023 · 95b5b7d · 95b5b7d
1 parent bc6fd3a
commit 95b5b7d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/react-components/src/components/chart/hooks/useViewportToMS.ts b/packages/react-components/src/components/chart/hooks/useViewportToMS.ts
@@ -10,6 +10,9 @@ export const useViewportToMS = (viewport?: Viewport) => {
   useEffect(() => {
     let interval: NodeJS.Timer;
     if (viewport && isDurationViewport(viewport)) {
+      // Immediately change the viewport
+      setInMS(convertViewportToMs(viewport));
+
       interval = setInterval(() => {
         setInMS(convertViewportToMs(viewport));
       }, LIVE_MODE_REFRESH_RATE_MS);