Confusion about binding to external React components

The JSX 4 migration guide describes how it's possible to write components either writing the props type manually, or using the @react.component annotation.

However, when binding to external components, I found that the only valid way of defining the bindings is with the @react.component attribute, since otherwise rendering the component results in a runtime error. Please look at this playground example.

I'm not sure whether this is a bug, but if it's expected behavior, this should at least be documented somewhere. The question is where, though. The rescript-react docs used to have a section dedicated to binding to external components, but I seems like it's not there anymore.

If it's indeed a bug, I'd be happy to move this issue to the correct repo.

Start with the JSX 4 migration guide and the rescript-react documentation section mentioned in the issue, then reproduce the behavior in the linked playground example. Determine whether external React bindings require @react.component or whether the example exposes a bug; done means the behavior is resolved or clearly documented in the appropriate guide.