Updating Next@12, React@18, Ionic@6

components/AppShell.jsx

@@ -1,4 +1,4 @@
-import { IonApp, IonRouterOutlet, IonSplitPane } from '@ionic/react';
+import { IonApp, IonRouterOutlet, IonSplitPane, setupIonicReact  } from '@ionic/react';
 import { StatusBar, Style } from '@capacitor/status-bar';
 
 import { IonReactRouter } from '@ionic/react-router';
@@ -7,6 +7,10 @@ import Menu from './Menu';
 
 import Tabs from './pages/Tabs';
 
+setupIonicReact({
+  mode: 'md'
+});
+
 window.matchMedia("(prefers-color-scheme: dark)").addListener(async (status) => {
   try {
     await StatusBar.setStyle({