Extract code for organising

[evertondanilo]

<Tabs
   <Tabs.Trigger

Let's say I want to create a component that gives back <Tabs.Trigger... can I do that? How?

<Tabs
   <AcomponentthatReturnsTabTrigger 

I was trying something similar and I got an error saying unsuitable for render

[andy-hook]

You can return the part after forwarding MyTrigger props and refs to it:

const MyTrigger = React.forwardRef((props, forwardedRef) => {
  return <Tabs.Trigger {...props} ref={forwardedRef} />;
});