RMD052 — A component among JSX children, where an element was meant
render() {
return <div>{Panel}</div>; // ✗ names the component
}
{Panel} puts the class itself among the children. It is not markup, so it is dropped and the page
comes up without it. Write the element:
render() {
return (
<div>
<Panel />
</div>
);
}
This is reported separately from RMD037, which looks for an OBJECT among children — a class is a function, so it never reached that check and the mistake was silent until now.
Handing a component to something else is an attribute rather than a child: <Slot view={Panel} />
passes it as a prop, and that is a different thing entirely.
ramonda-check reports the same mistake from the source, before anything
renders.
Next
- All diagnostics — every code the framework can report.
- Checking your app — the faults proved from the source, before anything runs.