include emotion react for dynamic components

This commit is contained in:
Khaleel Al-Adhami 2024-10-03 14:22:11 -07:00
parent e0580eb9cb
commit c85b477325

View File

@ -26,7 +26,11 @@ def get_cdn_url(lib: str) -> str:
return f"https://cdn.jsdelivr.net/npm/{lib}" + "/+esm"
bundled_libraries = {"react", "@radix-ui/themes"}
bundled_libraries = {
"react",
"@radix-ui/themes",
"@emotion/react",
}
def bundle_library(component: "Component"):
@ -127,7 +131,10 @@ def load_dynamic_serializer():
module_code_lines.insert(0, "const React = window.__reflex.react;")
return "//__reflex_evaluate\n" + "\n".join(module_code_lines)
return (
"//__reflex_evaluate\n/** @jsx jsx */\nconst { jsx } = window.__reflex['@emotion/react']\n"
+ "\n".join(module_code_lines)
)
@transform
def evaluate_component(js_string: Var[str]) -> Var[Component]: