- {typeof data.icon === "string" ? getIconComponent(data.icon) : data.icon}
+
+ {getIconComponent(data)}
{data.label}
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
index 60d32762..7af3a38f 100644
--- a/packages/nextjs/package.json
+++ b/packages/nextjs/package.json
@@ -22,6 +22,7 @@
"@uniswap/sdk-core": "^4.0.1",
"@uniswap/v2-sdk": "^3.0.1",
"@vercel/og": "^0.6.2",
+ "@web3icons/react": "^3.6.0",
"blo": "^1.0.1",
"burner-connector": "^0.0.8",
"daisyui": "^4.4.19",
diff --git a/yarn.lock b/yarn.lock
index 47b413e4..774d40bb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1659,6 +1659,7 @@ __metadata:
"@uniswap/sdk-core": ^4.0.1
"@uniswap/v2-sdk": ^3.0.1
"@vercel/og": ^0.6.2
+ "@web3icons/react": ^3.6.0
abitype: 1.0.2
autoprefixer: ^10.4.12
blo: ^1.0.1
@@ -2976,6 +2977,27 @@ __metadata:
languageName: node
linkType: hard
+"@web3icons/core@npm:3.6.0":
+ version: 3.6.0
+ resolution: "@web3icons/core@npm:3.6.0"
+ peerDependencies:
+ typescript: ^5.0.0
+ checksum: de65124a8fe739f0fdea78176219aa7255f93077077cb2768ba14f13834069517203e639ca82ac5daaca19815f9865bb0583a88a01f2369d93b621cbd95fbbc6
+ languageName: node
+ linkType: hard
+
+"@web3icons/react@npm:^3.6.0":
+ version: 3.6.0
+ resolution: "@web3icons/react@npm:3.6.0"
+ dependencies:
+ "@web3icons/core": 3.6.0
+ react: ^18.2.0
+ peerDependencies:
+ react: ^18.2.0
+ checksum: 59b97581e1d7c0409c16ed173956beeb578097c7d459a7681a96aad15438331e34ef490a57510d869d50712ef8f17d3a295409553285231c41121249c3f6f83a
+ languageName: node
+ linkType: hard
+
"abbrev@npm:1":
version: 1.1.1
resolution: "abbrev@npm:1.1.1"