diff --git a/examples/cra/package.json b/examples/cra/package.json
index 305f45038..a9441dd18 100644
--- a/examples/cra/package.json
+++ b/examples/cra/package.json
@@ -12,8 +12,8 @@
"react": "^18.0.0",
"react-dom": "^18.0.0",
"react-scripts": "5.0.1",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11",
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0",
"web-vitals": "^2.1.4"
},
"devDependencies": {
diff --git a/examples/nextjs-app/package.json b/examples/nextjs-app/package.json
index 6635b1929..4f1ae016d 100644
--- a/examples/nextjs-app/package.json
+++ b/examples/nextjs-app/package.json
@@ -14,8 +14,8 @@
"next": "14.0.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"devDependencies": {
"@types/node": "^18.19.3",
diff --git a/examples/nextjs-siwe/package.json b/examples/nextjs-siwe/package.json
index 6f5e00780..e83660c56 100644
--- a/examples/nextjs-siwe/package.json
+++ b/examples/nextjs-siwe/package.json
@@ -15,8 +15,8 @@
"react": "^18.0.0",
"react-dom": "^18.0.0",
"siwe": "^2.1.4",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"devDependencies": {
"@types/node": "18.7.18",
diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
index dc959359b..0e2c04b27 100644
--- a/examples/nextjs/package.json
+++ b/examples/nextjs/package.json
@@ -14,8 +14,8 @@
"next": "14.0.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"devDependencies": {
"@types/node": "^18.19.3",
diff --git a/examples/testbench/package.json b/examples/testbench/package.json
index 8398fd786..5a95ee19a 100644
--- a/examples/testbench/package.json
+++ b/examples/testbench/package.json
@@ -16,8 +16,8 @@
"next": "14.1.0",
"react": "^18.0.0",
"react-dom": "^18.0.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"devDependencies": {
"@types/node": "18.7.18",
diff --git a/examples/vite/package.json b/examples/vite/package.json
index 7b3762a6e..e35dc0633 100644
--- a/examples/vite/package.json
+++ b/examples/vite/package.json
@@ -13,8 +13,8 @@
"connectkit": "workspace:packages/connectkit",
"react": "^18.2.0",
"react-dom": "^18.2.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"devDependencies": {
"@types/react": "^18.0.17",
diff --git a/package.json b/package.json
index aa0cfd405..af3628553 100644
--- a/package.json
+++ b/package.json
@@ -39,8 +39,8 @@
"rollup-plugin-visualizer": "^5.5.4",
"tslib": "^1.9.3",
"typescript-plugin-styled-components": "^2.0.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
},
"packageManager": "yarn@3.2.0",
"dependencies": {
diff --git a/packages/connectkit-next-siwe/package.json b/packages/connectkit-next-siwe/package.json
index 1212d16f8..99096ff11 100644
--- a/packages/connectkit-next-siwe/package.json
+++ b/packages/connectkit-next-siwe/package.json
@@ -37,14 +37,14 @@
],
"dependencies": {
"iron-session": "^6.2.1",
- "viem": "^2.23.2"
+ "viem": "^2.31.7"
},
"peerDependencies": {
"connectkit": ">=1.2.0",
"next": ">=12.x",
"react": "17.x || 18.x",
"react-dom": "17.x || 18.x",
- "viem": ">=2.13.3"
+ "viem": ">=2.31.7"
},
"devDependencies": {
"@types/node": "^16.11.27",
diff --git a/packages/connectkit/package.json b/packages/connectkit/package.json
index 9374bd108..f8bd7c789 100644
--- a/packages/connectkit/package.json
+++ b/packages/connectkit/package.json
@@ -67,7 +67,7 @@
"resolutions": {
"react": "^18.0.0",
"react-dom": "^18.0.0",
- "viem": "^2.23.2",
- "wagmi": "^2.14.11"
+ "viem": "^2.31.7",
+ "wagmi": "^2.16.0"
}
}
diff --git a/packages/connectkit/src/assets/ScanIconWithLogos.tsx b/packages/connectkit/src/assets/ScanIconWithLogos.tsx
index 4b80347c9..9e4076336 100644
--- a/packages/connectkit/src/assets/ScanIconWithLogos.tsx
+++ b/packages/connectkit/src/assets/ScanIconWithLogos.tsx
@@ -22,7 +22,7 @@ const IconContainer = styled(motion.div)`
const ScanIconWithLogos: React.FC<{ logo?: React.ReactNode }> = ({ logo }) => {
const logoList = [
,
- ,
+ ,
,
,
,
diff --git a/packages/connectkit/src/assets/logos.tsx b/packages/connectkit/src/assets/logos.tsx
index e1c77a1d0..64e9ab6fc 100644
--- a/packages/connectkit/src/assets/logos.tsx
+++ b/packages/connectkit/src/assets/logos.tsx
@@ -163,6 +163,22 @@ export const Coinbase = ({ background = false, ...props }) => (
);
+export const BaseAccount = ({ ...props }) => (
+
+);
+
export const FamilyAccount = () => (