<Composition/>component is stateless. Composition accepts areas and props, generates areas React components, and returns them in a render prop.
useCompositionhook, perhaps, it can handle areas generation? It could shorten the rendering part, allowing us to get rid of the render prop and
React.Fragmentwrapper. Such hook may look something like this:
<Composition/>component is to enforce a strict Composition-Areas relation.