metabase · lorem--ipsum · Apr 27, 2026 · Apr 27, 2026 · Apr 27, 2026
diff --git a/client/index.html b/client/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/client/src/App.jsx → client/src/App.tsx b/client/src/App.jsx → client/src/App.tsx
@@ -1,5 +1,3 @@
-/// <reference types="vite/client" />
-
 import {
   MetabaseProvider,
   InteractiveQuestion,

diff --git a/client/src/env.d.ts b/client/src/env.d.ts
@@ -0,0 +1,8 @@
+interface ImportMetaEnv {
+  readonly VITE_METABASE_INSTANCE_URL: string;
+  readonly CLIENT_PORT?: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
diff --git a/client/src/main.jsx b/client/src/main.jsx
diff --git a/client/src/main.tsx b/client/src/main.tsx
@@ -0,0 +1,15 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
+
+const rootElement = document.getElementById("root");
+
+if (!rootElement) {
+  throw new Error("Root element not found");
+}
+
+createRoot(rootElement).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);