Issue
I created an array with name and icon. I have trouble with declaring icon.
export const SidebarMenuList: SidebarMenu[] = [
{
name: "Discover",
icon: <AiOutlineHome />,
id: SidebarCategory.Discover,
},
]
SidebarMenu interface ---
export interface SidebarMenu {
name: string;
icon: IconType;
id: SidebarCategory;
}
I got error - JSX.Element type 'AiOutlineHome' does not have any construct or call signatures. How to fix this. Thank you!
Solution
if you re using React Icons library you will need to import it
import { AiOutlineHome } from "react-icons/ai";
you can see on the documentation : https://react-icons.github.io/react-icons
Answered By - ShueiYang
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.