Tab element is not able to wrapped into function component

[enes-get-local]

Overrides doesn't applied when wrap the Tab component into function that return another component

like:

const CustomTab => <Tab {...props} overrides={ // ...some overrides} >children</Tab>

example here " Demo

I should use it into another function in order to keep reusable and avoid repeats.

Your Environment

Tech	Version
Base UI	^9.105.0
React	16.13.1
browser	Chrome

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

[asherccohen]

Hey, I am having the same exact problem, is there any chance this will be fixed soon?

[alexandreabeh]

I am facing this issue as well. Is there any update on when it will be addressed?

[mgrip]

+1 it seems like this is preventing any styling of individual Tab components when using tabs motion - any chance this is on someones radar? Or have a workaround for how to style individual tabs? The docs are not super clear on how this is supposed to be done https://baseweb.design/components/tabs-motion#tab-overrides

[KelleyMentorCollective]

+1

[asherccohen]

The only way I was able to make it work was to pass the override object to the styled component and not export as an overridden one.

Get Outlook for Androidhttps://aka.ms/AAb9ysg

---

From: KelleyMentorCollective @.> Sent: Thursday, September 16, 2021 10:37:28 PM To: uber/baseweb @.> Cc: Asher Cohen @.>; Comment @.> Subject: Re: [uber/baseweb] Tab element is not able to wrapped into function component (#4028)

+1

— You are receiving this because you commented. Reply to this email directly, view it on GitHubhttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fuber%2Fbaseweb%2Fissues%2F4028%23issuecomment-921227519&data=04%7C01%7C%7Ced1b2c1f04614210836908d97951cd19%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637674214494777323%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=Cbc30hUrfMKuHA7%2FSJL%2BKAKmFPk0Zb3V2oGanxZpwN0%3D&reserved=0, or unsubscribehttps://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgithub.com%2Fnotifications%2Funsubscribe-auth%2FAIIV4EPKAYIKVGHITA2TV7TUCJIQRANCNFSM4WHUYERA&data=04%7C01%7C%7Ced1b2c1f04614210836908d97951cd19%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C637674214494787285%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C1000&sdata=sZyCC%2Bv9jA%2BBoXKRsTTWn3LaRc7euOX3tnL6wJXyxJ4%3D&reserved=0.

[alexandreabeh]

@asherccohen , same here. That's the only workaround I have for now.

[ecarrera]

+1