feat: prevent unnecessary re-renders of main layout

gw2auth · Nov 3, 2024 · 59639c6 · 59639c6
1 parent 6c9c87a
commit 59639c6
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/components/root.tsx b/src/components/root.tsx
@@ -145,11 +145,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} />