Sign messages

1
import { useSignMessage, useSmartAccountClient } from "@account-kit/react";
2
3
export default function SignTextMessage() {
4
  const { client } = useSmartAccountClient({});
5
  const { signMessageAsync } = useSignMessage({
6
    client,
7
  });
8
9
  const handleSignTextMessage = async () => {
10
    const signature = await signMessageAsync({
11
      message: "Hello, world!",
12
    });
13
14
    console.log("Signature:", signature);
15
  };
16
17
  return (
18
    <div>
19
      <button onClick={handleSignTextMessage}>Sign Text Message</button>
20
    </div>
21
  );
22
}

1
import { useSignMessage, useSmartAccountClient } from "@account-kit/react";
2
3
export default function SignRawMessage() {
4
  const { client } = useSmartAccountClient({});
5
  const { signMessageAsync } = useSignMessage({
6
    client,
7
  });
8
9
  const handleSignRawMessage = async () => {
10
    const signature = await signMessageAsync({
11
      message: {
12
        raw: "0x48656c6c6f2c20776f726c6421", // "Hello, world!" in hex
13
      },
14
    });
15
16
    console.log("Raw signature:", signature);
17
  };
18
19
  return (
20
    <div>
21
      <button onClick={handleSignRawMessage}>Sign Raw Message</button>
22
    </div>
23
  );
24
}