diff --git a/client/App.tsx b/client/App.tsx
index c22571fd..b104c983 100644
--- a/client/App.tsx
+++ b/client/App.tsx
@@ -111,4 +111,4 @@ const App = () => (
   </QueryClientProvider>
 );
 
-createRoot(document.getElementById("root")!).render(<App />);
+export default App;
diff --git a/client/main.tsx b/client/main.tsx
new file mode 100644
index 00000000..09b47ac0
--- /dev/null
+++ b/client/main.tsx
@@ -0,0 +1,15 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+
+const container = document.getElementById('root');
+if (!container) {
+  throw new Error('Root element not found');
+}
+
+const root = createRoot(container);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);