diff --git a/beta/src/components/useMenu.tsx b/beta/src/components/useMenu.tsx index 395b574c..4435e5c4 100644 --- a/beta/src/components/useMenu.tsx +++ b/beta/src/components/useMenu.tsx @@ -51,13 +51,17 @@ export const useMenu = () => { }; }, [router.pathname, hideSidebar]); - return { - hideSidebar, - showSidebar, - toggleOpen, - menuRef, - isOpen, - }; + // Avoid top-level context re-renders + return React.useMemo( + () => ({ + hideSidebar, + showSidebar, + toggleOpen, + menuRef, + isOpen, + }), + [] + ); }; export const MenuContext = React.createContext>(