useParaEthersSignMessage

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

import { useParaEthersSigner, useParaEthersSignMessage } from "@getpara/react-sdk";
import { JsonRpcProvider } from "ethers";

const provider = new JsonRpcProvider("https://ethereum-sepolia-rpc.publicnode.com");

function SignMessage() {
  const { ethersSigner } = useParaEthersSigner({ provider });
  const { signMessageAsync, isPending, data: signature } = useParaEthersSignMessage(ethersSigner);

  return (
    <div>
      <button onClick={() => signMessageAsync("Hello")} disabled={isPending}>
        {isPending ? "Signing..." : "Sign Message"}
      </button>
      {signature && <p>Signature: {signature}</p>}
    </div>
  );
}