Sign typed data

1
import { useSignTypedData, useSmartAccountClient } from "@account-kit/react";
2
3
export default function SignTypedData() {
4
  const { client } = useSmartAccountClient({});
5
  const { signTypedDataAsync } = useSignTypedData({
6
    client,
7
  });
8
9
  const handleSignTypedData = async () => {
10
    const typedData = {
11
      domain: {
12
        name: "MyDApp",
13
        version: "1",
14
        chainId: 1,
15
        verifyingContract: "0x...",
16
      },
17
      types: {
18
        Auth: [
19
          { name: "user", type: "address" },
20
          { name: "nonce", type: "uint256" },
21
          { name: "timestamp", type: "uint256" },
22
        ],
23
      },
24
      primaryType: "Auth",
25
      message: {
26
        user: "0x...", // wallet address
27
        nonce: 12345,
28
        timestamp: Date.now(),
29
      },
30
    } as const;
31
32
    const signature = await signTypedDataAsync({ typedData });
33
    console.log("Typed data signature:", signature);
34
  };
35
36
  return (
37
    <div>
38
      <button onClick={handleSignTypedData}>Sign Typed Data</button>
39
    </div>
40
  );
41
}