Browse Source

Prevent nav context re-renders (#4266)

main
dan 3 years ago
committed by GitHub
parent
commit
58d6f3f9fc
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 8
      beta/src/components/useMenu.tsx

8
beta/src/components/useMenu.tsx

@ -51,13 +51,17 @@ export const useMenu = () => {
}; };
}, [router.pathname, hideSidebar]); }, [router.pathname, hideSidebar]);
return { // Avoid top-level context re-renders
return React.useMemo(
() => ({
hideSidebar, hideSidebar,
showSidebar, showSidebar,
toggleOpen, toggleOpen,
menuRef, menuRef,
isOpen, isOpen,
}; }),
[]
);
}; };
export const MenuContext = React.createContext<ReturnType<typeof useMenu>>( export const MenuContext = React.createContext<ReturnType<typeof useMenu>>(

Loading…
Cancel
Save