keep section param in sync

Recidiviz · Jan 11, 2021 · ab67d3e · ab67d3e
1 parent b33662f
commit ab67d3e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/spotlight-client/src/SystemNarrativePage/SystemNarrativePage.tsx b/spotlight-client/src/SystemNarrativePage/SystemNarrativePage.tsx
@@ -112,6 +112,11 @@ const SystemNarrativePage: React.FC<{
     },
     [isScrolling]
   );
+  // keep section state in sync with URL if it changes externally (e.g. via nav link)
+  useEffect(() => {
+    directlySetActiveSection(Number(routeParams.sectionNumber) || 1);
+  }, [routeParams.sectionNumber]);
+
   const [, setScrollSpring] = useSpring(() => ({
     onFrame: (props: { top: number }) => window.scrollTo(0, props.top),
     // set the flag while animation is in progress