flowbite-react: Sidebar.Collapse and other components fails to accept heroicons/react

Describe the bug I have just upgraded to 0.4.11 and the ts compiler fails when using icon property in Dropdown.Item and Sidebar.Collapse with @heroicons/react. The error message:

Type 'ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & { title?: string | undefined; titleId?: string | undefined; } & RefAttributes<SVGSVGElement>>' is not assignable to type 'FunctionComponent<SVGProps<SVGSVGElement>>'

To Reproduce Steps to reproduce the behavior:

1. Create a CRA.
2. Install flowbite-react following the docs.
3. Install @heroicons/react.
4. Use the sidebar code, but with heroicons’ icons. Sample code:

import {Cog6ToothIcon, BuildingOffice2Icon} from "@heroicons/react/24/outline";
// ...
<Sidebar>
  <Sidebar.Collapse icon={Cog6ToothIcon} label="Configuration" open={false}>
    <Sidebar.Item icon={BuildingOffice2Icon}>
      Corporation
    </Sidebar.Item>
  </Sidebar.Collapse>
</Sidebar>

Note The same problem was confirmed for Dropdown, TextInput… It is possible that other components are also affected.

Expected behavior It should compile without issues.

System information:

• OS: MacOS

Project information:

• Typescript: 5.1.6
• Tailwind: 3.3.2
• Flowbite: 1.7.0
• Flowbite React: 0.4.11
• Heroicons: 2.0.18
• Type: Vite

Additional context I have updated all the libraries and ts compiler, as well as migrated to vite. Maybe I did something wrong that affected to this behaviour.