Sign Typed Data (EIP-712)

async function signTypedData(
  walletClient: any,
  account: any,
  domain: any,
  types: any,
  primaryType: string,
  message: any
) {
  const signature = await walletClient.signTypedData({
    account,
    domain,
    types,
    primaryType,
    message,
  });
  console.log("Signature:", signature);
  return signature;
}

import { useSignTypedData } from "wagmi";

function SignTypedData(
  domain: any,
  types: any,
  primaryType: string,
  message: any
) {
  const { data: signature, signTypedData } = useSignTypedData();

  return (
    <div>
      <button
        onClick={() =>
          signTypedData({
            domain,
            types,
            primaryType,
            message,
          })
        }
      >
        Sign Typed Data
      </button>
      {signature && <p>Signature: {signature}</p>}
    </div>
  );
}