add the fix

Author: adhami3310

reflex/compiler/templates.py

@@ -581,9 +581,6 @@ def vite_config_template(
     enableNativePlugin: false,
     hmr: {"true" if experimental_hmr else "false"},
   }},
-  legacy: {{
-    inconsistentCjsInterop: true,
-  }},
   server: {{
     port: process.env.PORT,
     hmr: {"true" if hmr else "false"},

reflex/components/component.py

@@ -2263,9 +2263,9 @@ def _get_dynamic_imports(self) -> str:
         library_import = f"import('{import_name}')"
         mod_import = (
             # https://nextjs.org/docs/pages/building-your-application/optimizing/lazy-loading#with-named-exports
-            f".then((mod) => ({{default: mod.{self.tag}}}))"
+            f".then((mod) => mod.{self.tag})"
             if not self.is_default
-            else ""
+            else ".then((mod) => mod.default)"
         )
         return (
             f"const {self.alias or self.tag} = ClientSide(lazy(() => "

reflex/testing.py

@@ -23,9 +23,10 @@
 from http.server import SimpleHTTPRequestHandler
 from importlib.util import find_spec
 from pathlib import Path
-from typing import TYPE_CHECKING, Any, Literal, Self, TypeVar
+from typing import TYPE_CHECKING, Any, Literal, TypeVar
 
 import uvicorn
+from typing_extensions import Self
 
 import reflex
 import reflex.reflex