do not use react lazy

Author: adhami3310

reflex/compiler/templates.py

@@ -378,7 +378,11 @@ def context_template(
   return ({{ children, ...props }}) => {{
     const [Component, setComponent] = useState(null);
     useEffect(() => {{
-      setComponent(component);
+      async function load() {{
+        const comp = await component();
+        setComponent(() => comp);
+      }}
+      load();
     }}, []);
     return Component ? jsx(Component, props, children) : null;
   }};

reflex/components/component.py

@@ -2232,7 +2232,6 @@ def _get_imports(self) -> ParsedImportDict:
         """
         # React lazy import mechanism.
         dynamic_import = {
-            "react": [ImportVar(tag="lazy")],
             f"$/{constants.Dirs.UTILS}/context": [ImportVar(tag="ClientSide")],
         }
 
@@ -2268,10 +2267,10 @@ def _get_dynamic_imports(self) -> str:
             else ".then((mod) => mod.default)"
         )
         return (
-            f"const {self.alias or self.tag} = ClientSide(lazy(() => "
+            f"const {self.alias or self.tag} = ClientSide(() => "
             + library_import
             + mod_import
-            + "))"
+            + ")"
         )
 
 

reflex/components/plotly/plotly.py

@@ -290,9 +290,9 @@ def dynamic_plotly_import(name: str, package: str) -> str:
     library_import = f"import('{package}')"
     mod_import = ".then((mod) => ({ default: createPlotlyComponent(mod) }))"
     return f"""
-const {name} = ClientSide(lazy(() =>
+const {name} = ClientSide(() =>
     {library_import}{mod_import}
-))
+)
 """