I am trying to build a component library on top of reactpy for Nivo Charts.

After following the documentation, I have imported the library nivo charts into python and imported a chart like this:

from reactpy import component, run, web
nivo_module = web.module_from_template(
 "react",
 "@nivo/core",
 fallback="⌛",
)
nivo_bar_module = web.module_from_template(
 "react",
 "@nivo/bar",
 fallback="⌛",
)
ResponsiveBar = web.export(nivo_bar_module, "ResponsiveBar")

Once imported, I am using the exported object ResponsiveBar as below:

@component
def HelloWorld():
 return html.section(
 ResponsiveBar({"data":data, "keys": [ 'hot dog', 'burger', 'sandwich', 'kebab', 'fries', 'donut'], "indexBy": "country", "role": "application"})
 )
app = FastAPI()
configure(app, HelloWorld)

I am trying to replicate the example showcased in Nivo Playground

When running the uvicorn server, while rendering, I am getting a javascript error Uncaught (in promise) SyntaxError: ambiguous indirect export: isString

Q.) Is this a problem from the Nivo charts?
Q.) Is it because of some conversion in module_from_template?
Q.) Is there something that I am doing wrong?
Q.) (削除) Or, Is this normal? (削除ここまで)