RC #291 - Updating FacetTimeline component to set new range when useR…

…ange value is changed
performant-software · Aug 12, 2024 · b036c37 · b036c37
1 parent ab6071c
commit b036c37
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/core-data/src/components/FacetTimeline.js b/packages/core-data/src/components/FacetTimeline.js
@@ -168,6 +168,15 @@ const FacetTimeline = (props: Props) => {
     }
   }, [defaultMin, defaultMax, defaultRange]);
 
+  /**
+   * Sets the new range value based on the results of the `useRange` hook.
+   */
+  useEffect(() => {
+    if (defaultRange && range && defaultRange.min !== range[0] && defaultRange.max !== range[1]) {
+      setRange([defaultRange.min, defaultRange.max]);
+    }
+  }, [defaultRange]);
+
   /**
    * Only render if we have a default min/max value.
    */