Sign Messages with Solana Libraries

import { useParaSolanaKit } from './hooks/useParaSolanaKit';
import { getUtf8Encoder } from '@solana/kit';
import bs58 from 'bs58';

function SignMessage() {
  const { signer } = useParaSolanaKit();
  
  const signMessage = async () => {
    if (!signer) {
      console.error("No signer available. Connect wallet first.");
      return;
    }
    
    const message = "Hello, Solana!";
    const messageBytes = getUtf8Encoder().encode(message);
    
    const signatureResult = await signer.signMessages([
      { content: messageBytes, signatures: {} }
    ]);
    
    const signatureBytes = signatureResult[0][signer.address];
    const signatureBase58 = bs58.encode(signatureBytes);
    
    console.log("Message:", message);
    console.log("Signature:", signatureBase58);
    console.log("Signer:", signer.address);
  };
  
  return <button onClick={signMessage}>Sign Message</button>;
}

import { useParaAnchor } from './hooks/useParaAnchor';
import { useParaSolana } from './hooks/useParaSolana';
import bs58 from 'bs58';

function SignMessage() {
  const provider = useParaAnchor();
  const { signer } = useParaSolana();
  
  const signMessage = async () => {
    if (!signer) {
      console.error("No signer available. Connect wallet first.");
      return;
    }
    
    const message = "Hello, Anchor!";
    const messageBytes = new TextEncoder().encode(message);
    
    const signature = await signer.signBytes(Buffer.from(messageBytes));
    const signatureBase58 = bs58.encode(signature);
    
    console.log("Message:", message);
    console.log("Signature:", signatureBase58);
    console.log("Signer:", provider.wallet.publicKey.toString());
  };
  
  return <button onClick={signMessage}>Sign Message</button>;
}