Moving to more workable v1 solution

pages/[...all].js

@@ -0,0 +1,10 @@
+import dynamic from 'next/dynamic';
+
+const App = dynamic(() => import('../components/AppShell'), {
+  ssr: false,
+});
+
+export default function Index() {
+  // return <AppShell page={DynamicHome} />;
+  return <App />;
+}

pages/_app.js

@@ -1,8 +1,13 @@
 import Head from 'next/head';
-import { useEffect } from 'react';
 
 import 'tailwindcss/tailwind.css';
-import Store from '../store';
+import '@ionic/react/css/core.css';
+import '@ionic/react/css/padding.css';
+import '@ionic/react/css/float-elements.css';
+import '@ionic/react/css/text-alignment.css';
+import '@ionic/react/css/text-transformation.css';
+import '@ionic/react/css/flex-utils.css';
+import '@ionic/react/css/display.css';
 
 import '../styles/global.css';
 

pages/index.js

@@ -1,6 +1,10 @@
-import AppShell from '../components/AppShell';
-import Home from '../components/pages/Home';
+import dynamic from 'next/dynamic';
+
+const App = dynamic(() => import('../components/AppShell'), {
+  ssr: false,
+});
 
 export default function Index() {
-  return <AppShell page={Home} />;
+  // return <AppShell page={DynamicHome} />;
+  return <App />;
 }

pages/lists.js

@@ -1,6 +0,0 @@
-import AppShell from '../components/AppShell';
-import ListsPage from '../components/pages/Lists';
-
-export default function Lists() {
-  return <AppShell page={ListsPage} />;
-}

pages/lists/[listId].js

@@ -1,18 +0,0 @@
-import AppShell from '../../components/AppShell';
-import ListDetailPage from '../../components/pages/ListDetail';
-
-export default function ListDetail({ listId }) {
-  return <AppShell page={ListDetailPage} pageProps={{ listId }} />;
-}
-
-export const getServerSideProps = context => {
-  const {
-    params: { listId },
-  } = context;
-
-  return {
-    props: {
-      listId,
-    },
-  };
-};

pages/settings.js

@@ -1,6 +0,0 @@
-import AppShell from '../components/AppShell';
-import SettingsPage from '../components/pages/Settings';
-
-export default function Settings() {
-  return <AppShell page={SettingsPage} />;
-}

pages/users/[userId].js

@@ -1,6 +0,0 @@
-import AppShell from '../../components/AppShell';
-import Home from '../../components/pages/Home';
-
-export default function UserId() {
-  return <AppShell page={Home} />;
-}