モバイルサイズのときにドロアーが出現しないのを修正

src/layouts/dashbord/index.tsx

@@ -23,7 +23,7 @@ function Copyright() {
 function App() {
   const [mobileOpen, setMobileOpen] = useState(false);
 
-  const { drawerWidth, innerWidth, contentsWidth, showDrawer } = useDashboard();
+  const { drawerWidth, innerWidth, contentsWidth } = useDashboard();
 
   const handleDrawerToggle = () => {
     setMobileOpen(!mobileOpen);
@@ -35,14 +35,12 @@ function App() {
         component="nav"
         sx={{ width: { sm: drawerWidth }, flexShrink: { md: 0 } }}
       >
-        {showDrawer && (
-          <Navigator
-            PaperProps={{ style: { width: drawerWidth } }}
-            variant="temporary"
-            open={mobileOpen}
-            onClose={handleDrawerToggle}
-          />
-        )}
+        <Navigator
+          PaperProps={{ style: { width: drawerWidth } }}
+          variant="temporary"
+          open={mobileOpen}
+          onClose={handleDrawerToggle}
+        />
         <Navigator
           PaperProps={{ style: { width: drawerWidth } }}
           sx={{ display: { sm: "block", xs: "none" } }}