'Adding a wrapper div to Tab children - Material ui

I need to add a wrapper div for tab component. The code is as follows

<Tabs
   onChange={handleChange}
>
     <div data-test="firstTab">
        <Tab />
     </div>
     <div>
        <Tab />
    </div>
</Tabs>

The problem is that the Tabs component receives only Tab components as children. We can't wrap the Tab in a div.

Is there a way to achieve this? Any help would be much appreciated.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source