Wrapping Tab into React.FC prevents tab switching

I might be doing it wrong but I tried to wrap Tab into another component as

import {Tab as BaseUITab, TabProps } from 'baseui/tabs';

const Tab: React.FC<TabProps> = ({ children }, props) => (
  <BaseUITab overrides={{ Tab: { style: { flex: 1 } } }} {...props}>
    {children}
  </BaseUITab>
);

However, when this is used within <StatefulTabs> tab switching stops working.

Example https://codesandbox.io/s/uncontrolled-tabs-usage-3e5y2 There are two usage types, first is my wrap attempt, second is typical documented approach to show it works just fine that way.

Tech	Version
Base UI	v9.4.2

• I have searched the issues of this repository and believe that this is not a duplicate.

[simPod]

I have created more relevant followup here https://github.com/uber/baseweb/issues/3548

[simPod]

@chasestarr I’d still love to do it. <Tab {...commonTabProps} is only a workaround and is kind of repetitive, also it’s easy to forget to include default tab props.

See https://codesandbox.io/s/baseweb-nklju?file=/src/example.tsx