how about this

Author: adhami3310

reflex/components/component.py

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

reflex/components/plotly/plotly.py

@@ -288,7 +288,7 @@ def dynamic_plotly_import(name: str, package: str) -> str:
         The dynamic import for the plotly component.
     """
     library_import = f"import('{package}')"
-    mod_import = ".then((mod) => ({ default: createPlotlyComponent(mod) }))"
+    mod_import = ".then((mod) => createPlotlyComponent(mod))"
     return f"""
 const {name} = ClientSide(() =>
     {library_import}{mod_import}