Tabs don't rendered properly when in child component

When doing:

<Tabs>
        <Tab tabActive>
          <Page pageContent style={{backgroundColor: "#f2f2f2"}}>
            <h1>Hello</h1>
            <h1>Hello</h1>
            <h1>Hello</h1>
            <h1>Hello</h1>
          </Page>
        </Tab>
      </Tabs>

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?