Firebase rewrite rules to make address bar work

alexanderristinmaa/app/(experiments)/[experiment]/info/page.tsx

@@ -1,4 +1,5 @@
 // styles
+import { PageProps } from '@/.next/types/app/(experiments)/layout';
 import './markdown.css';
 
 // other
@@ -20,7 +21,7 @@ export function generateStaticParams() {
 
 // Multiple versions of this page will be statically generated
 // using the `params` returned by `generateStaticParams`
-export default async function Page({ params } : { params: { experiment: string } }) {
+export default async function Page({ params } : { params: { experiment: string } } & PageProps) {
     const { experiment } = params;
     const markdownString = fs.readFileSync(`./app/(experiments)/${experiment}/page.md`, 'utf8');
 

alexanderristinmaa/tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -18,9 +22,20 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
-    }
+      "@/*": [
+        "./*"
+      ]
+    },
+    "target": "ES2017"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "app/hemligt/catimation.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "app/hemligt/catimation.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }

firebase.json

@@ -7,10 +7,10 @@
       "**/node_modules/**"
     ],
     "rewrites": [
-        {
-            "source": "**",
-            "destination": "index.html"
-        }
+      {
+          "source": "**",
+          "destination": "[...params].html"
+      }
     ]
   },
   "emulators": {