npm install @phantom/react-sdk

# Solana
npm install @solana/web3.js
# or
npm install @solana/kit

# Ethereum/EVM
npm install viem

# Bitcoin
npm install bitcoinjs-lib

# Sui
npm install @mysten/sui.js

import { PhantomProvider, AddressType } from "@phantom/react-sdk";

function App() {
  return (
    <PhantomProvider
      config={{
        providerType: "embedded",
        embeddedWalletType: "user-wallet",
        addressTypes: [AddressType.solana],
        apiBaseUrl: "https://api.phantom.app/v1/wallets",
        organizationId: "your-organization-id"
      }}
    >
      <YourApp />
    </PhantomProvider>
  );
}

import { useConnect, useAccounts, useDisconnect } from "@phantom/react-sdk";

function WalletComponent() {
  const { connect, isLoading } = useConnect();
  const accounts = useAccounts();
  const { disconnect } = useDisconnect();

  const handleConnect = async () => {
    try {
      const result = await connect();
      console.log("Connected:", result);
    } catch (error) {
      console.error("Connection failed:", error);
    }
  };

  const isConnected = accounts && accounts.length > 0;

  return (
    <div>
      {!isConnected ? (
        <button onClick={handleConnect} disabled={isLoading}>
          {isLoading ? "Connecting..." : "Connect Phantom"}
        </button>
      ) : (
        <div>
          <p>Connected: {accounts[0].address}</p>
          <button onClick={disconnect}>Disconnect</button>
        </div>
      )}
    </div>
  );
}