Tabs don't rendered properly when in child component

When doing:

        <Tab tabActive>
          <Page pageContent style={{backgroundColor: "#f2f2f2"}}>

in the same page it works as it should be.
but when putting the tab in outer component as a child it won’t render good.

I have tried to set slot=“fixed” but not working

<Page> can’t be nested in anything except <View>

So how can I make the tab content to stretch to the whole area of the page?