IonIcon Component to use Icons coming from "react-icons" package

Asked Jan 10 '22 at 10:08

Active Jan 10 '22 at 10:19

Viewed 342 times

I want to make IonIcon use react-icons like below.

Type 'IconType' is not assignable to type 'string'.

I understand the error, but is there a way i could still use react-icons.

Like this

Because i'm looping through some object, i'm picking some icons from ion-icons and react-icons, but react-icons has a type of IconType while ion-icons has a type of string | undefined. How do i merge these two icon libraries to use.

edited Jan 10 '22 at 10:19

asked Jan 10 '22 at 10:08

AbdulAzeez Olanrewaju

Do you want to use ion icon as a react component ? please check this package https://www.npmjs.com/package/react-ionicons – Pranavjeet.Mishra Jan 10 '22 at 10:12
1

I want to pass it to IonIcon component sir as a prop – AbdulAzeez Olanrewaju Jan 10 '22 at 10:15
Please check the question again, i have edited it – AbdulAzeez Olanrewaju Jan 10 '22 at 10:19
What is the definition of the type `IconType`? – Patrick Kenny Feb 06 '22 at 05:34
That Type definition is coming from react-icons – AbdulAzeez Olanrewaju Feb 12 '22 at 13:27

IonIcon Component to use Icons coming from "react-icons" package

0 Answers0