prevent unnecessary re-renders of main layout

explore-flights · Nov 3, 2024 · d6bad42 · d6bad42
1 parent 63ba7e4
commit d6bad42
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/ui/src/components/root.tsx b/ui/src/components/root.tsx
@@ -125,11 +125,7 @@ export function RootLayout({
 
 function HeaderSelectorFixAppLayout(props: AppLayoutProps) {
   const { headerSelector, ...appLayoutProps } = props;
-  const [key, setKey] = useState(`a${Date.now()}-${Math.random()}`);
-
-  useEffect(() => {
-    setKey(`a${Date.now()}-${Math.random()}`);
-  }, [headerSelector]);
+  const key = useMemo(() => `a${Date.now()}-${Math.random()}`, [headerSelector]);
 
   return (
     <AppLayout key={key} headerSelector={headerSelector} {...appLayoutProps} />