[Examples] Update Dynamic example

examples/smart-accounts/signers/dynamic/package.json

@@ -13,9 +13,9 @@
     "@dynamic-labs/ethereum": "^4.42.0",
     "@dynamic-labs/sdk-react-core": "^4.42.0",
     "@dynamic-labs/wagmi-connector": "^4.42.0",
-    "@metamask/smart-accounts-kit": "^0.1.0",
+    "@metamask/smart-accounts-kit": "^0.2.0",
     "@tanstack/react-query": "^5.90.6",
-    "next": "15.3.4",
+    "next": "15.4.8",
     "permissionless": "^0.2.57",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
@@ -29,7 +29,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
-    "eslint-config-next": "15.3.4",
+    "eslint-config-next": "15.4.8",
     "tailwindcss": "^4",
     "typescript": "^5"
   }

examples/smart-accounts/signers/dynamic/src/app/layout.tsx

@@ -15,8 +15,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Delegation Toolkit Starter App",
-  description: "Generated by create next app",
+  title: "MetaMask Smart Accounts x Dynamic Quickstart",
+  description: "An example for using Dynamic as signer for MetaMask Smart Accounts",
 };
 
 export default function RootLayout({

examples/smart-accounts/signers/dynamic/src/app/page.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import Steps from "@/components/Steps";
 import Footer from "@/components/Footer";
 

examples/smart-accounts/signers/dynamic/src/components/Footer.tsx

@@ -4,7 +4,7 @@ export default function Footer() {
   return (
     <footer className="flex gap-6 flex-wrap items-center justify-center p-4">
       <a
-        href="https://docs.metamask.io/delegation-toolkit/"
+        href="https://docs.metamask.io/smart-accounts-kit/"
         target="_blank"
         rel="noopener noreferrer"
         className="flex items-center gap-2 hover:underline hover:underline-offset-4"

examples/smart-accounts/signers/dynamic/src/components/SendUserOperationButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import useSmartAccount from "@/hooks/useSmartAccount";
 import Button from "@/components/Button";
 import { usePimlicoServices } from "@/hooks/usePimlicoServices";

examples/smart-accounts/signers/dynamic/src/components/Steps.tsx

@@ -1,7 +1,7 @@
+"use client";
 
 import TransactionForm from "@/components/TransactionForm";
 import SmartAccountInfo from "@/components/SmartAccountInfo";
-import useSmartAccount from "@/hooks/useSmartAccount";
 import { useAccount } from "wagmi";
 
 export default function Steps() {

examples/smart-accounts/signers/dynamic/src/components/TransactionForm.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import { useState, useMemo } from "react";
 import { parseEther, isAddress, Address } from "viem";
 import SendUserOperationButton from "@/components/SendUserOperationButton";