useParaViemSignTypedData

import { useParaViemSignTypedData } from "@getpara/react-sdk";

import { useParaViemClient, useParaViemSignTypedData } from "@getpara/react-sdk";
import { sepolia } from "viem/chains";
import { http } from "viem";

function SignTypedData() {
  const { viemClient } = useParaViemClient({
    walletClientConfig: { chain: sepolia, transport: http() },
  });

  const { signTypedDataAsync, isPending } = useParaViemSignTypedData(viemClient);

  const handleSign = async () => {
    const sig = await signTypedDataAsync({
      domain: { name: "MyDApp", version: "1", chainId: 11155111 },
      types: { Message: [{ name: "content", type: "string" }] },
      primaryType: "Message",
      message: { content: "Hello" },
    });
    console.log("Signature:", sig);
  };

  return (
    <button onClick={handleSign} disabled={isPending}>
      {isPending ? "Signing..." : "Sign Typed Data"}
    </button>
  );
}