Prevent nav context re-renders (#4266)

beta/src/components/useMenu.tsx

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