React custom layer component

[am2222]

Hi,
Is there any examples that we can use declarative custom layers in react?

Here is what I am trying to achive

const customLayer=()=>{
 //react hooks
return (
<TileLayer/>
)


}

<deckgl>
<customLayer/>
<deckgl/>

Based on what I noticed in the source code for the react it loops over the children and if they are interested from Layer it creates an areay of layers and pass it to the deckgl.

Is it possible if it checks and if the children type is a function, calls it first and then attempt to create a layer? I am not sure if this approach works with reactivity tho.

I noticed that react-map-gl already supports such mechanisms