Update to Next.js 13 and Ionic 7

next.config.js

@@ -1,14 +1,8 @@
-const withTM = require('next-transpile-modules')([
-  '@ionic/react',
-  '@ionic/core',
-  '@stencil/core',
-  'ionicons',
-]);
-
-module.exports = withTM({
+module.exports = {
   basePath: '',
   images: {
     domains: ['images.unsplash.com'],
   },
   swcMinify: true,
-});
+  transpilePackages: ['@ionic/react', '@ionic/core', '@stencil/core', 'ionicons'],
+}

package.json

@@ -16,22 +16,28 @@
     "@capacitor/core": "^4.0.0",
     "@capacitor/ios": "^4.0.0",
     "@capacitor/status-bar": "^4.0.0",
-    "@ionic/react": "^6.2.9",
-    "@ionic/react-router": "^6.2.9",
+    "@ionic/react": "^7.0.1",
+    "@ionic/react-router": "^7.0.1",
+    "@types/jest": "^26.0.20",
+    "@types/node": "^12.19.15",
+    "@types/react": "^18.0.17",
+    "@types/react-dom": "^18.0.6",
+    "@types/react-router": "^5.1.11",
+    "@types/react-router-dom": "^5.1.7",
     "classnames": "^2.2.6",
-    "next": "^12.2.0",
+    "next": "^13.2.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^5.2.0",
+    "react-router": "^5.3.4",
+    "react-router-dom": "^5.3.4",
     "react-virtuoso": "^1.1.1"
   },
   "devDependencies": {
     "@capacitor/cli": "^4.0.0",
     "autoprefixer": "^10.4.12",
     "eslint": "^7.28.0",
-    "eslint-config-next": "^11.0.0",
+    "eslint-config-next": "^13.2.4",
     "ionicons": "^6.0.3",
-    "next-transpile-modules": "^9.0.0",
     "postcss": "^8.4.18",
     "prettier": "^2.2.1",
     "pullstate": "1.24",