Nitso Provider

import { getDefaultConfig } from "@solana/connector/headless";import { AppProvider } from "@solana/connector/react";import { type ReactNode, useMemo } from "react";interface SolanaCluster {  id: "solana:mainnet" | "solana:devnet" | "solana:testnet" | "solana:localnet";  label: string;  url: string;}interface WalletDisplayConfig {  allowList?: string[];  denyList?: string[];  featured?: string[];}interface SimplifiedWalletConnectConfig {  projectId?: string;  defaultChain?: "solana:mainnet" | "solana:devnet" | "solana:testnet";  relayUrl?: string;}interface NitsoProviderProps {  children: ReactNode;  /** Application name shown in wallet connection prompts */  appName: string;  /**   * Application URL.   * Only needed if you enable walletConnect.   */  appUrl?: string;  /**   * Custom RPC endpoints per cluster.   * Strongly recommended — public endpoints are rate limited.   *   * Define this OUTSIDE your component to keep the reference stable   * and avoid unnecessary re-renders.   *   * @example   * const clusters = [   *   { id: 'solana:mainnet' as const, label: 'Mainnet Beta', url: 'https://mainnet.helius-rpc.com/?api-key=xxx' },   *   { id: 'solana:devnet'  as const, label: 'Devnet',       url: 'https://api.devnet.solana.com' },   *   { id: 'solana:testnet' as const, label: 'Testnet',      url: 'https://api.testnet.solana.com' },   * ];   *   * <NitsoProvider clusters={clusters} ... />   */  clusters?: SolanaCluster[];  /**   * Control which wallets are shown.   * Define OUTSIDE your component to keep the reference stable.   *   * @example   * // Show only specific wallets   * wallets={{ allowList: ['Phantom', 'Solflare'], featured: ['Phantom'] }}   *   * // Hide specific wallets   * wallets={{ denyList: ['WalletConnect'] }}   */  wallets?: WalletDisplayConfig;  /**   * Silently reconnect last wallet on page load.   * @default true   */  autoConnect?: boolean;  /**   * Human-readable names for program IDs.   * Used to enrich transaction history labels.   *   * @example   * programLabels={{   *   'JUP6LkbZbjS1jKKwapdHNy74zcZ3tLUZoi5QNyVTaV4': 'Jupiter',   *   'whirLbMiicVdio4qvUfM5KAg6Ct8VwpYzGff3uctyCc': 'Orca',   * }}   */  programLabels?: Record<string, string>;  /**   * Enable WalletConnect for QR code / deep link connections.   * Disabled by default.   *   * Requires:   *   npm install @walletconnect/universal-provider qrcode.react   *   * Also requires appUrl to be set for WalletConnect metadata.   *   * @example   * walletConnect={{ projectId: process.env.WALLETCONNECT_PROJECT_ID }}     // Next.js   * walletConnect={{ projectId: import.meta.env.VITE_WALLETCONNECT_PROJECT_ID }} // Vite   */  walletConnect?: SimplifiedWalletConnectConfig;}export function NitsoProvider({  children,  appName,  appUrl,  clusters,  wallets,  autoConnect = true,  programLabels,  walletConnect,}: NitsoProviderProps) {  const config = useMemo(    () =>      getDefaultConfig({        appName,        appUrl,        clusters,        wallets,        autoConnect,        programLabels,        walletConnect,      }),    // Primitive values (string, boolean) are safe as deps.    // Object values (clusters, wallets, programLabels)    // must be defined OUTSIDE the component to stay stable.    // eslint-disable-next-line react-hooks/exhaustive-deps    [      appName,      appUrl,      autoConnect,      wallets,      walletConnect,      programLabels,      clusters,    ],  );  return <AppProvider connectorConfig={config}>{children}</AppProvider>;}