TabItem with icon causes Internal Server Error about flowbite-react

[SutuSebastian]

U have to use the "use client" directive in order to pass functions/components down the tree.

RSC can only accept React.ReactNode aka children as props, because JSX can be serializable.

[paulflew]

A couple of further notes:

1. Placing directly into the SSR page yields a correctly rendered icon, so its not a problem with the icon itself.

2. A workaround is to indeed wrap the components to explicitly make them client-side, e.g. adding an extra file as icons.tsx:

'use client'

import { MdHistory } from 'react-icons/md'

export { MdHistory }

This renders correctly.