A component returning a box with a child component returning another box doesn't render
Version
pre v.0.0.1
Steps to Reproduce
Create two components:
from reactpy import component, run, html
from reactpy_material import box
@component # @componet is removed: OK
def hello_box():
return box(
# return html.div( # OK if s/box/html.div/
html.h1(
{"key": "title1"},
"Hello World"
),
key="hello box"
)
@component
def hello_box_inside_box():
return box(
hello_box(),
key="external box"
)
run(hello_box_inside_box)
# run(hello_box) # running child component - OK
Run the code and inspect in the browser and nothing is rendered, resulting in a blank page.
Inspect the web page and find the error: "Uncaught DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('') is not a valid name."
Thanks for the report @marceloakira ! I will try to reproduce and investigate it soon, but by the error looks like its something related to core reactpy-material.
Description
Version
Steps to Reproduce