Setup Solana Libraries

import { useParaSolanaSigner } from "@getpara/react-sdk";
import { createSolanaRpc } from "@solana/kit";
import { pipe, createTransactionMessage, setTransactionMessageFeePayerSigner,
  setTransactionMessageLifetimeUsingBlockhash, appendTransactionMessageInstruction } from "@solana/transactions";
import { getInitializeInstruction } from "./generated";

const rpc = createSolanaRpc("https://api.mainnet-beta.solana.com");

function AnchorProgramInteraction() {
  const { solanaSigner, isLoading } = useParaSolanaSigner({ rpc });

  const callProgram = async () => {
    if (!solanaSigner) return;

    const { value: latestBlockhash } = await rpc.getLatestBlockhash().send();

    const instruction = getInitializeInstruction({
      user: solanaSigner,
    });

    const transactionMessage = pipe(
      createTransactionMessage({ version: 0 }),
      tx => setTransactionMessageFeePayerSigner(solanaSigner, tx),
      tx => setTransactionMessageLifetimeUsingBlockhash(latestBlockhash, tx),
      tx => appendTransactionMessageInstruction(instruction, tx),
    );

    // Sign and send using the signer
  };

  if (isLoading) return <p>Loading...</p>;
  return <button onClick={callProgram}>Call Program</button>;
}