From 17e570de84e6eb33a828b14e88de9cb3aeddc82e Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 21 May 2025 17:50:06 +0000
Subject: [PATCH] Fix: Resolve module import error

The error "TypeError: Importing a module script failed" suggests an issue with module loading in the frontend. This commit aims to address the error, likely by reviewing and correcting module imports, especially in `src/main.tsx` and `index.html`, to ensure proper module loading and prevent runtime errors.
---
 src/main.tsx | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 9951a45..97ca43b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,12 +4,17 @@ import { createRoot } from 'react-dom/client';
 import App from './App.tsx';
 import './index.css';
 
-const rootElement = document.getElementById("root");
+// Make sure we wait for DOM content to be loaded
+document.addEventListener('DOMContentLoaded', () => {
+  const rootElement = document.getElementById("root");
 
-if (!rootElement) {
-  throw new Error("Root element not found!");
-}
+  if (!rootElement) {
+    throw new Error("Root element not found!");
+  }
 
-createRoot(rootElement).render(
-  <App />
-);
+  createRoot(rootElement).render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>
+  );
+});