Menu

components/AppShell.jsx

@@ -1,14 +1,8 @@
-import {
-  IonApp,
-  IonContent,
-  IonHeader,
-  IonMenu,
-  IonRouterOutlet,
-  IonTitle,
-  IonToolbar,
-} from '@ionic/react';
+import { IonApp, IonRouterOutlet } from '@ionic/react';
+
 import { IonReactRouter } from '@ionic/react-router';
 import { Redirect, Route } from 'react-router-dom';
+import Menu from './Menu';
 
 import Tabs from './pages/Tabs';
 
@@ -16,14 +10,7 @@ const AppShell = ({ page, pageProps }) => {
   return (
     <IonApp>
       <IonReactRouter>
-        <IonMenu side="start" contentId="main">
-          <IonHeader>
-            <IonToolbar>
-              <IonTitle>Menu</IonTitle>
-            </IonToolbar>
-          </IonHeader>
-          <IonContent></IonContent>
-        </IonMenu>
+        <Menu />
         <IonRouterOutlet id="main">
           <Route path="/tabs" render={() => <Tabs />} />
           <Route exact path="/" render={() => <Redirect to="/tabs" />} />