diff --git a/packages/core-data/src/components/FacetTimeline.js b/packages/core-data/src/components/FacetTimeline.js index 04a94df6..06dd4755 100644 --- 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. */