Hi Guys,
I am getting some issues when trying to use icons from web3uikit at my Next Js project. I am importing Icon from web3uikit, as you can see below and also using it as follow. The others classes I am importing I am not facing issue, just the Icon.
import { ConnectButton, TabList, Tab, Icon } from “web3uikit”;
<div className={classes.tabButtons}>
<TabList defaultActiveKey={1} tabStyle="bar">
<Tab tabKey={1} tabName={"Assets"}></Tab>
<Tab tabKey={2} tabName={"New Assets"}></Tab>
</TabList>
</div>
<div>
<Icon fill="#ffffff# size={24} svg="bell" />
<ConnectButton />
</div>
But when start my project the following error is showing up:
error - Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports.
at renderElement (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6043:9)
at renderNodeDestructiveImpl (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
at renderNodeDestructive (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
at renderNode (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12)
at renderChildrenArray (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7)
at renderNodeDestructiveImpl (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7)
at renderNodeDestructive (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
at renderNode (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12)
at renderHostElement (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5642:3)
at renderElement (/home/smartcitybr/projects/frontend_next/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5952:5) {
page: ‘/’
}
Anyone can explain me what can be the issue?
Thanks.