diff --git a/playground/nextjs-app-router/bun.lockb b/playground/nextjs-app-router/bun.lockb
index 0ba3f1f302..b8cb87ba6d 100755
Binary files a/playground/nextjs-app-router/bun.lockb and b/playground/nextjs-app-router/bun.lockb differ
diff --git a/playground/nextjs-app-router/components/demo/Identity.tsx b/playground/nextjs-app-router/components/demo/Identity.tsx
index ae1d86ff52..f3f46245b4 100644
--- a/playground/nextjs-app-router/components/demo/Identity.tsx
+++ b/playground/nextjs-app-router/components/demo/Identity.tsx
@@ -1,5 +1,7 @@
 import {
+  Address,
   Avatar,
+  Badge,
   Identity,
   Name,
   useAddress,
@@ -48,18 +50,24 @@ export default function IdentityDemo() {
                 Default Chain
               </h2>
               <div className="flex items-center space-x-4">
-                <Identity>
-                  <Avatar address={address} />
-                  <Name address={address} />
+                <Identity address={address}>
+                  <Avatar />
+                  <Name>
+                    <Badge />
+                  </Name>
+                  <Address />
                 </Identity>
               </div>
             </div>
             <div className="space-y-2">
               <h2 className="font-medium text-gray-500 text-sm">Base Chain</h2>
               <div className="flex items-center space-x-4">
-                <Identity>
-                  <Avatar address={address} chain={base} />
-                  <Name address={address} chain={base} />
+                <Identity address={address}>
+                  <Avatar chain={base} />
+                  <Name chain={base}>
+                    <Badge />
+                  </Name>
+                  <Address />
                 </Identity>
               </div>
             </div>
diff --git a/playground/nextjs-app-router/package.json b/playground/nextjs-app-router/package.json
index 615d61c9e4..f4214a5c3d 100644
--- a/playground/nextjs-app-router/package.json
+++ b/playground/nextjs-app-router/package.json
@@ -14,7 +14,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@coinbase/onchainkit": "^0.34.0",
+    "@coinbase/onchainkit": "^0.35.0",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.1.0",