Incompatible icons for icon={} props

[j-vitali]

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

basically I use tsx with tabler-icons... I want to wrap my svg ico directly in icon={} props, but got ts error:

Steps to reproduce

1. User tabler-icons/react
2. Create a dropdown
3. Add icon
4. it works ok, but showing warning error.

Current behavior

Ts error

Expected behavior

Everything working fine, this is for all icon={} props not only for dropdown... :D

Context

[dhavalveera]

Hey @j-vitali ,

can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

[vitalijalbu]

Hey @j-vitali ,

can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

yes if works, but still is red line message eslint... :D

[dhavalveera]

Hey @j-vitali ,
can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

yes if works, but still is red line message eslint... :D

the ESLint Error remains same?

[vitalijalbu]

Hey @j-vitali ,
can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

yes if works, but still is red line message eslint... :D

the ESLint Error remains same?

yes right.

[dhavalveera]

Hey @j-vitali ,
can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

yes if works, but still is red line message eslint... :D

the ESLint Error remains same?

yes right.

are you using Icons from react-icons?

[vitalijalbu]

Hey @j-vitali ,
can you try pass IconTrash as like <Dropdown.Item className="text-red-600" icon={IconTrash} /> and see if that's working for you?

yes if works, but still is red line message eslint... :D

the ESLint Error remains same?

yes right.

are you using Icons from react-icons?

no, as you can see i use tabler icons

[nhatle-684]

I also has the same error with flowbite-react-icons

[SutuSebastian]

For now just cast it as the DropdownItem icon type:

<Dropdown.Item className="text-red-600" icon={IconTrash as FC<ComponentProps<"svg">>} />