Tabs SSR not working

[vitalijalbu]

• [ ] I have searched the Issues to see if this bug has already been reported
• [ ] I have tested the latest version

Steps to reproduce

just create a nextjs +14 pro version and you'll see that it's not compatible yet...

Current behavior

Describe what is currently happening and why it's a problem.

Expected behavior

must work perfectly

Context

[SutuSebastian]

Compound components are not supported in RSC.

Please read: https://flowbite-react.com/docs/getting-started/server-components#compound-components

To solve ur issue, just add "use client" directive at the top of ur file.

[vitalijalbu]

Compound components are not supported in RSC.

Please read: https://flowbite-react.com/docs/getting-started/server-components#compound-components

To solve ur issue, just add "use client" directive at the top of ur file.

hi yes i solved by using "use client", and move it in another component. basically my page structure is: page.tsx to get data (ssr)

then i should split it into client mini-components to render flowbite?? is that a good approach? thanks.

[SutuSebastian]

U did the split correctly.

Btw, u should only use the client directive when components are ONLY client by nature (eg: they require stateful props), otherwise instead of Tabs.Item u can do TabItem and import each sub-component separarely.