[docs-infra] Fix drawer performances (#41807)

mui · Apr 9, 2024 · 76f7a5d · 76f7a5d
1 parent fc95e40
commit 76f7a5d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js
@@ -166,6 +166,9 @@ export default function AppFrame(props) {
   const [mobileOpen, setMobileOpen] = React.useState(false);
   const [settingsOpen, setSettingsOpen] = React.useState(false);
 
+  const closeDrawer = React.useCallback(() => setMobileOpen(false), []);
+  const openDrawer = React.useCallback(() => setMobileOpen(true), []);
+
   const { activePage } = React.useContext(PageContext);
 
   const disablePermanent = activePage?.disableDrawer === true || disableDrawer === true;
@@ -230,8 +233,8 @@ export default function AppFrame(props) {
       </StyledAppBar>
       <StyledAppNavDrawer
         disablePermanent={disablePermanent}
-        onClose={() => setMobileOpen(false)}
-        onOpen={() => setMobileOpen(true)}
+        onClose={closeDrawer}
+        onOpen={openDrawer}
         mobileOpen={mobileOpen}
       />
       {children}