useGetWallet

const { fetchWallet, data, isLoading, error } = useGetWallet();

import { useGetWallet } from "@chipi-stack/chipi-react";
import { useAuth } from "@clerk/nextjs";

export function WalletPage(){
  const { userId, getToken } = useAuth();

  const { data: wallet, isLoading, error, fetchWallet } = useGetWallet({
    params: {
      externalUserId: userId || "",
    },
    getBearerToken: async () => {
      const token = await getToken();
      if (!token) throw new Error("No token found");
      return token;
    },
    queryOptions: {
      enabled: Boolean(userId),
    },
  });

  // Or use fetchWallet manually:
  const loadWallet = async () => {
    if (!userId) return;
    try {
      const token = await getToken();
      if (!token) throw new Error("No token found");

      const wallet = await fetchWallet({
        params: {
          externalUserId: userId,
        },
        getBearerToken: async () => token,
      });

      console.log("Wallet loaded:", wallet);
    } catch (error) {
      console.error("Error loading wallet:", error);
    }
  };

  return (
    <div>
      {isLoading && <p>Loading wallet...</p>}
      {error && <p>Error: {error.message}</p>}
      {wallet && (
        <div>
          <p>Public Key: {wallet.publicKey}</p>
          <p>Normalized Public Key: {wallet.normalizedPublicKey}</p>
        </div>
      )}
    </div>
  );
}