@phantom/react-sdk 1.0.0-beta.1 → 1.0.0-beta.11

package/README.md

@@ -52,8 +52,8 @@ function App() {
 
 function WalletComponent() {
   const { connect, isConnecting } = useConnect();
-  const solana = useSolana();
-  const ethereum = useEthereum();
+  const { solana } = useSolana();
+  const { ethereum } = useEthereum();
 
   const handleConnect = async () => {
     const { addresses } = await connect();
@@ -94,9 +94,8 @@ function App() {
     <PhantomProvider
       config={{
         providerType: "embedded",
-        embeddedWalletType: "app-wallet", // or 'user-wallet'
+        appId: "your-app-id", // Get your app ID from phantom.com/portal
         addressTypes: [AddressType.solana, AddressType.ethereum],
-        apiBaseUrl: "https://api.phantom.app/v1/wallets",
       }}
     >
       <YourApp />
@@ -116,8 +115,8 @@ The React SDK follows a clear connection pattern:
 ```tsx
 function WalletExample() {
   const { connect } = useConnect();
-  const solana = useSolana();
-  const ethereum = useEthereum();
+  const { solana } = useSolana();
+  const { ethereum } = useEthereum();
 
   // 1. Connect first
   const handleConnect = async () => {
@@ -181,26 +180,7 @@ Uses the Phantom browser extension installed by the user.
 
 Creates non-custodial wallets embedded in your application.
 
-#### App Wallet (Recommended for most apps)
-
-- **New wallets** created per application
-- **Unfunded** by default - you need to fund them
-- **Independent** from user's existing Phantom wallet
-
-```tsx
-<PhantomProvider
-  config={{
-    providerType: "embedded",
-    embeddedWalletType: "app-wallet",
-    addressTypes: [AddressType.solana],
-    apiBaseUrl: "https://api.phantom.app/v1/wallets",
-  }}
->
-  <YourApp />
-</PhantomProvider>
-```
-
-#### User Wallet (For existing Phantom users)
+#### User Wallet
 
 - **Uses Phantom authentication** - user logs in with existing account
 - **Potentially funded** - brings existing wallet balance
@@ -210,41 +190,14 @@ Creates non-custodial wallets embedded in your application.
 <PhantomProvider
   config={{
     providerType: "embedded",
-    embeddedWalletType: "user-wallet",
+    appId: "your-app-id",
     addressTypes: [AddressType.solana, AddressType.ethereum],
-    apiBaseUrl: "https://api.phantom.app/v1/wallets",
-  }}
->
-  <YourApp />
-</PhantomProvider>
-```
-
-## Solana Provider Configuration
-
-When using `AddressType.solana`, you can choose between two Solana libraries:
-
-```tsx
-<PhantomProvider
-  config={{
-    providerType: "embedded",
-    addressTypes: [AddressType.solana],
-    solanaProvider: "web3js", // or 'kit'
-    apiBaseUrl: "https://api.phantom.app/v1/wallets",
   }}
 >
   <YourApp />
 </PhantomProvider>
 ```
 
-**Provider Options:**
-
-- `'web3js'` (default) - Uses `@solana/web3.js` library
-- `'kit'` - Uses `@solana/kit` library (modern, TypeScript-first)
-
-**When to use each:**
-
-- **@solana/web3.js**: Better ecosystem compatibility, wider community support
-- **@solana/kit**: Better TypeScript support, modern architecture, smaller bundle size
 
 ## Available Hooks
 
@@ -363,7 +316,7 @@ import { useSolana } from "@phantom/react-sdk";
 import { VersionedTransaction, TransactionMessage, SystemProgram, PublicKey, Connection } from "@solana/web3.js";
 
 function SolanaOperations() {
-  const solana = useSolana();
+  const { solana } = useSolana();
 
   const signMessage = async () => {
     const signature = await solana.signMessage("Hello Solana!");
@@ -392,7 +345,7 @@ function SolanaOperations() {
 
     // Sign and send
     const result = await solana.signAndSendTransaction(transaction);
-    console.log("Transaction sent:", result.hash);
+    console.log("Transaction sent:", result.signature);
   };
 
   const switchNetwork = async () => {
@@ -428,7 +381,7 @@ Hook for Ethereum chain operations:
 import { useEthereum } from "@phantom/react-sdk";
 
 function EthereumOperations() {
-  const ethereum = useEthereum();
+  const { ethereum } = useEthereum();
 
   const signPersonalMessage = async () => {
     const accounts = await ethereum.getAccounts();
@@ -470,6 +423,16 @@ function EthereumOperations() {
     console.log("Typed data signature:", signature);
   };
 
+  const signTransaction = async () => {
+    const signedTx = await ethereum.signTransaction({
+      to: "0x742d35Cc6634C0532925a3b8D4C8db86fB5C4A7E",
+      value: "1000000000000000000", // 1 ETH in wei
+      gas: "21000",
+    });
+    console.log("Transaction signed:", signedTx);
+    // Transaction is signed but not sent - you can broadcast it later
+  };
+
   const sendTransaction = async () => {
     const result = await ethereum.sendTransaction({
       to: "0x742d35Cc6634C0532925a3b8D4C8db86fB5C4A7E",
@@ -487,7 +450,8 @@ function EthereumOperations() {
     <div>
       <button onClick={signPersonalMessage}>Sign Personal Message</button>
       <button onClick={signTypedData}>Sign Typed Data</button>
-      <button onClick={sendTransaction}>Send Transaction</button>
+      <button onClick={signTransaction}>Sign Transaction</button>
+      <button onClick={sendTransaction}>Sign & Send Transaction</button>
       <button onClick={switchChain}>Switch to Polygon</button>
       <p>Connected: {ethereum.isConnected ? "Yes" : "No"}</p>
     </div>
@@ -500,7 +464,8 @@ function EthereumOperations() {
 - `request(args)` - EIP-1193 requests
 - `signPersonalMessage(message, address)` - Sign personal message
 - `signTypedData(typedData)` - Sign EIP-712 typed data
-- `sendTransaction(transaction)` - Send transaction
+- `signTransaction(transaction)` - Sign transaction without sending
+- `sendTransaction(transaction)` - Sign and send transaction
 - `switchChain(chainId)` - Switch chains
 - `getChainId()` - Get current chain ID
 - `getAccounts()` - Get connected accounts
@@ -649,7 +614,7 @@ import { VersionedTransaction, TransactionMessage, SystemProgram, PublicKey, Con
 import { useSolana } from "@phantom/react-sdk";
 
 function SolanaExample() {
-  const solana = useSolana();
+  const { solana } = useSolana();
 
   const sendTransaction = async () => {
     // Get recent blockhash
@@ -675,7 +640,7 @@ function SolanaExample() {
 
     // Sign and send using chain-specific hook
     const result = await solana.signAndSendTransaction(transaction);
-    console.log("Transaction sent:", result.hash);
+    console.log("Transaction sent:", result.signature);
   };
 
   return <button onClick={sendTransaction}>Send SOL</button>;
@@ -697,7 +662,7 @@ import {
 import { useSolana } from "@phantom/react-sdk";
 
 function SolanaKitExample() {
-  const solana = useSolana();
+  const { solana } = useSolana();
 
   const sendTransaction = async () => {
     const rpc = createSolanaRpc("https://api.mainnet-beta.solana.com");
@@ -714,7 +679,7 @@ function SolanaKitExample() {
 
     // Sign and send using chain-specific hook
     const result = await solana.signAndSendTransaction(transaction);
-    console.log("Transaction sent:", result.hash);
+    console.log("Transaction sent:", result.signature);
   };
 
   return <button onClick={sendTransaction}>Send SOL</button>;
@@ -728,7 +693,7 @@ import { parseEther, parseGwei, encodeFunctionData } from "viem";
 import { useEthereum } from "@phantom/react-sdk";
 
 function EthereumExample() {
-  const ethereum = useEthereum();
+  const { ethereum } = useEthereum();
 
   const sendEth = async () => {
     const result = await ethereum.sendTransaction({
@@ -787,15 +752,16 @@ interface PhantomSDKConfig {
   addressTypes?: [AddressType, ...AddressType[]]; // Networks to enable (e.g., [AddressType.solana])
 
   // Required for embedded provider only
-  apiBaseUrl?: string; // Phantom API base URL
-  appId: string; // Your app ID
+  appId: string; // Your app ID from phantom.com/portal (required for embedded provider)
+  
+  // Optional configuration
+  apiBaseUrl?: string; // Phantom API base URL (optional, has default)
   authOptions?: {
-    authUrl?: string; // Custom auth URL (optional)
-    redirectUrl?: string; // Custom redirect URL (optional)
+    authUrl?: string; // Custom auth URL (optional, defaults to "https://connect.phantom.app/login")
+    redirectUrl?: string; // Custom redirect URL after authentication (optional)
   };
-  embeddedWalletType?: "app-wallet" | "user-wallet"; // Wallet type
-  solanaProvider?: "web3js" | "kit"; // Solana library choice (default: 'web3js')
-  autoConnect?: boolean; // Auto-connect to existing session on SDK instantiation (default: true for embedded, false for injected)
+  embeddedWalletType?: "user-wallet"; // Wallet type (optional, defaults to "user-wallet", currently the only supported type)
+  autoConnect?: boolean; // Auto-connect to existing session on SDK instantiation (optional, defaults to true for embedded, false for injected)
 }
 ```
 
@@ -827,6 +793,7 @@ function App() {
   // SDK configuration - static, won't change when debug settings change
   const config: PhantomSDKConfig = {
     providerType: "embedded",
+    appId: "your-app-id",
     // ... other config
   };
 

package/dist/index.d.ts

@@ -3,11 +3,10 @@ import { ReactNode } from 'react';
 import { BrowserSDKConfig, DebugConfig, AuthOptions, BrowserSDK, WalletAddress, AutoConfirmEnableParams, AutoConfirmResult, AutoConfirmSupportedChainsResult } from '@phantom/browser-sdk';
 export { AddressType, AutoConfirmEnableParams, AutoConfirmResult, AutoConfirmSupportedChainsResult, DebugLevel, DebugMessage, NetworkId, SignedTransaction, WalletAddress, debug } from '@phantom/browser-sdk';
 import * as _phantom_embedded_provider_core from '@phantom/embedded-provider-core';
-import { ISolanaChain, IEthereumChain, EthTransactionRequest } from '@phantom/chains';
-export { EthTransactionRequest, IEthereumChain, ISolanaChain } from '@phantom/chains';
+import { ISolanaChain, IEthereumChain } from '@phantom/chain-interfaces';
+export { EthTransactionRequest, IEthereumChain, ISolanaChain } from '@phantom/chain-interfaces';
 
-interface PhantomSDKConfig extends BrowserSDKConfig {
-}
+type PhantomSDKConfig = BrowserSDKConfig;
 interface PhantomDebugConfig extends DebugConfig {
 }
 interface ConnectOptions {
@@ -24,6 +23,7 @@ interface PhantomContextValue {
     walletId: string | null;
     currentProviderType: "injected" | "embedded" | null;
     isPhantomAvailable: boolean;
+    isClient: boolean;
 }
 interface PhantomProviderProps {
     children: ReactNode;
@@ -72,50 +72,21 @@ declare function useAutoConfirm(): UseAutoConfirmResult;
 /**
  * Hook for Solana chain operations
  *
- * @returns Solana chain interface and convenient methods
+ * @returns Solana chain interface with connection enforcement
  */
 declare function useSolana(): {
-    solana: ISolanaChain | null;
-    signMessage: (message: string | Uint8Array) => Promise<{
-        signature: Uint8Array;
-        publicKey: string;
-    }>;
-    signTransaction: <T>(transaction: T) => Promise<T>;
-    signAndSendTransaction: <T>(transaction: T) => Promise<{
-        signature: string;
-    }>;
-    connect: (options?: {
-        onlyIfTrusted?: boolean;
-    }) => Promise<{
-        publicKey: string;
-    }>;
-    disconnect: () => Promise<void>;
-    switchNetwork: (network: "mainnet" | "devnet") => Promise<void | undefined>;
-    getPublicKey: () => Promise<string | null>;
+    solana: ISolanaChain;
     isAvailable: boolean;
-    isConnected: boolean;
 };
 
 /**
  * Hook for Ethereum chain operations
  *
- * @returns Ethereum chain interface and convenient methods
+ * @returns Ethereum chain interface with connection enforcement
  */
 declare function useEthereum(): {
-    ethereum: IEthereumChain | null;
-    request: <T = any>(args: {
-        method: string;
-        params?: unknown[];
-    }) => Promise<T>;
-    signPersonalMessage: (message: string, address: string) => Promise<string>;
-    signMessage: (message: string) => Promise<string>;
-    signTypedData: (typedData: any) => Promise<string>;
-    sendTransaction: (transaction: EthTransactionRequest) => Promise<string>;
-    switchChain: (chainId: number) => Promise<void>;
-    getChainId: () => Promise<number>;
-    getAccounts: () => Promise<string[]>;
+    ethereum: IEthereumChain;
     isAvailable: boolean;
-    isConnected: boolean;
 };
 
 type ProviderType = "injected" | "embedded";

package/dist/index.js

@@ -52,13 +52,9 @@ var import_browser_sdk = require("@phantom/browser-sdk");
 var import_jsx_runtime = require("react/jsx-runtime");
 var PhantomContext = (0, import_react.createContext)(void 0);
 function PhantomProvider({ children, config, debugConfig }) {
-  const memoizedConfig = (0, import_react.useMemo)(() => {
-    return {
-      ...config,
-      // Use providerType if provided, default to embedded
-      providerType: config.providerType || "embedded"
-    };
-  }, [config]);
+  const memoizedConfig = (0, import_react.useMemo)(() => config, [config]);
+  const [sdk, setSdk] = (0, import_react.useState)(null);
+  const [isClient, setIsClient] = (0, import_react.useState)(false);
   const [isConnected, setIsConnected] = (0, import_react.useState)(false);
   const [isConnecting, setIsConnecting] = (0, import_react.useState)(false);
   const [connectError, setConnectError] = (0, import_react.useState)(null);
@@ -68,9 +64,18 @@ function PhantomProvider({ children, config, debugConfig }) {
     memoizedConfig.providerType || null
   );
   const [isPhantomAvailable, setIsPhantomAvailable] = (0, import_react.useState)(false);
-  const [sdk, setSdk] = (0, import_react.useState)(null);
   (0, import_react.useEffect)(() => {
+    setIsClient(true);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!isClient)
+      return;
     const sdkInstance = new import_browser_sdk.BrowserSDK(memoizedConfig);
+    setSdk(sdkInstance);
+  }, [isClient, memoizedConfig]);
+  (0, import_react.useEffect)(() => {
+    if (!sdk)
+      return;
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -79,15 +84,15 @@ function PhantomProvider({ children, config, debugConfig }) {
       try {
         setIsConnected(true);
         setIsConnecting(false);
-        const providerInfo = sdkInstance.getCurrentProviderInfo();
+        const providerInfo = sdk.getCurrentProviderInfo();
         setCurrentProviderType(providerInfo?.type || null);
-        const addrs = await sdkInstance.getAddresses();
+        const addrs = await sdk.getAddresses();
         setAddresses(addrs);
-        setWalletId(sdkInstance.getWalletId());
+        setWalletId(sdk.getWalletId());
       } catch (err) {
         console.error("Error connecting:", err);
         try {
-          await sdkInstance.disconnect();
+          await sdk.disconnect();
         } catch (err2) {
           console.error("Error disconnecting:", err2);
         }
@@ -105,25 +110,24 @@ function PhantomProvider({ children, config, debugConfig }) {
       setAddresses([]);
       setWalletId(null);
     };
-    sdkInstance.on("connect_start", handleConnectStart);
-    sdkInstance.on("connect", handleConnect);
-    sdkInstance.on("connect_error", handleConnectError);
-    sdkInstance.on("disconnect", handleDisconnect);
-    setSdk(sdkInstance);
+    sdk.on("connect_start", handleConnectStart);
+    sdk.on("connect", handleConnect);
+    sdk.on("connect_error", handleConnectError);
+    sdk.on("disconnect", handleDisconnect);
     return () => {
-      sdkInstance.off("connect_start", handleConnectStart);
-      sdkInstance.off("connect", handleConnect);
-      sdkInstance.off("connect_error", handleConnectError);
-      sdkInstance.off("disconnect", handleDisconnect);
+      sdk.off("connect_start", handleConnectStart);
+      sdk.off("connect", handleConnect);
+      sdk.off("connect_error", handleConnectError);
+      sdk.off("disconnect", handleDisconnect);
     };
-  }, [memoizedConfig]);
+  }, [sdk]);
   (0, import_react.useEffect)(() => {
-    if (!sdk || !debugConfig)
+    if (!debugConfig || !sdk)
       return;
     sdk.configureDebug(debugConfig);
   }, [sdk, debugConfig]);
   (0, import_react.useEffect)(() => {
-    if (!sdk)
+    if (!isClient || !sdk)
       return;
     const initialize = async () => {
       try {
@@ -139,7 +143,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = (0, import_react.useMemo)(
     () => ({
       sdk,
@@ -149,9 +153,10 @@ function PhantomProvider({ children, config, debugConfig }) {
       addresses,
       walletId,
       currentProviderType,
-      isPhantomAvailable
+      isPhantomAvailable,
+      isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable]
+    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PhantomContext.Provider, { value, children });
 }
@@ -353,176 +358,38 @@ function useAutoConfirm() {
 }
 
 // src/hooks/useSolana.ts
-var import_react5 = require("react");
 function useSolana() {
-  const { sdk, isConnected } = usePhantom();
-  const solanaChain = (0, import_react5.useMemo)(() => {
-    if (!sdk || !isConnected)
-      return null;
-    try {
-      return sdk.solana;
-    } catch {
-      return null;
-    }
-  }, [sdk, isConnected]);
-  const signMessage = (0, import_react5.useCallback)(
-    async (message) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signMessage(message);
-    },
-    [solanaChain]
-  );
-  const signTransaction = (0, import_react5.useCallback)(
-    async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signTransaction(transaction);
-    },
-    [solanaChain]
-  );
-  const signAndSendTransaction = (0, import_react5.useCallback)(
-    async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signAndSendTransaction(transaction);
-    },
-    [solanaChain]
-  );
-  const connect = (0, import_react5.useCallback)(
-    async (options) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.connect(options);
-    },
-    [solanaChain]
-  );
-  const disconnect = (0, import_react5.useCallback)(async () => {
-    if (!solanaChain)
-      throw new Error("Solana chain not available. Ensure SDK is connected.");
-    return solanaChain.disconnect();
-  }, [solanaChain]);
-  const switchNetwork = (0, import_react5.useCallback)(
-    async (network) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.switchNetwork?.(network);
-    },
-    [solanaChain]
-  );
-  const getPublicKey = (0, import_react5.useCallback)(async () => {
-    if (!solanaChain)
-      return null;
-    return solanaChain.getPublicKey();
-  }, [solanaChain]);
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      solana: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
-    // Chain instance for advanced usage
-    solana: solanaChain,
-    // Convenient methods
-    signMessage,
-    signTransaction,
-    signAndSendTransaction,
-    connect,
-    disconnect,
-    switchNetwork,
-    getPublicKey,
+    // Chain instance with connection enforcement for signing methods
+    solana: sdk.solana,
     // State
-    isAvailable: !!solanaChain,
-    isConnected: solanaChain?.isConnected() ?? false
+    isAvailable: !!isConnected
   };
 }
 
 // src/hooks/useEthereum.ts
-var import_react6 = require("react");
 function useEthereum() {
-  const { sdk, isConnected } = usePhantom();
-  const ethereumChain = (0, import_react6.useMemo)(() => {
-    if (!sdk || !isConnected)
-      return null;
-    try {
-      return sdk.ethereum;
-    } catch {
-      return null;
-    }
-  }, [sdk, isConnected]);
-  const request = (0, import_react6.useCallback)(
-    async (args) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.request(args);
-    },
-    [ethereumChain]
-  );
-  const signPersonalMessage = (0, import_react6.useCallback)(
-    async (message, address) => {
-      return request({
-        method: "personal_sign",
-        params: [message, address]
-      });
-    },
-    [request]
-  );
-  const sendTransaction = (0, import_react6.useCallback)(
-    async (transaction) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.sendTransaction(transaction);
-    },
-    [ethereumChain]
-  );
-  const switchChain = (0, import_react6.useCallback)(
-    async (chainId) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.switchChain(chainId);
-    },
-    [ethereumChain]
-  );
-  const getChainId = (0, import_react6.useCallback)(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getChainId();
-  }, [ethereumChain]);
-  const getAccounts = (0, import_react6.useCallback)(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getAccounts();
-  }, [ethereumChain]);
-  const signMessage = (0, import_react6.useCallback)(
-    async (message) => {
-      return request({
-        method: "eth_sign",
-        params: [await getAccounts().then((accounts) => accounts[0]), message]
-      });
-    },
-    [request, getAccounts]
-  );
-  const signTypedData = (0, import_react6.useCallback)(
-    async (typedData) => {
-      const accounts = await getAccounts();
-      return request({
-        method: "eth_signTypedData_v4",
-        params: [accounts[0], JSON.stringify(typedData)]
-      });
-    },
-    [request, getAccounts]
-  );
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      ethereum: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
-    // Chain instance for advanced usage
-    ethereum: ethereumChain,
-    // Standard EIP-1193 interface
-    request,
-    // Convenient methods
-    signPersonalMessage,
-    signMessage,
-    signTypedData,
-    sendTransaction,
-    switchChain,
-    getChainId,
-    getAccounts,
+    // Chain instance with connection enforcement for signing methods
+    ethereum: sdk.ethereum,
     // State
-    isAvailable: !!ethereumChain,
-    isConnected: ethereumChain?.isConnected() ?? false
+    isAvailable: !!isConnected
   };
 }
 

package/dist/index.mjs

@@ -4,13 +4,9 @@ import { BrowserSDK } from "@phantom/browser-sdk";
 import { jsx } from "react/jsx-runtime";
 var PhantomContext = createContext(void 0);
 function PhantomProvider({ children, config, debugConfig }) {
-  const memoizedConfig = useMemo(() => {
-    return {
-      ...config,
-      // Use providerType if provided, default to embedded
-      providerType: config.providerType || "embedded"
-    };
-  }, [config]);
+  const memoizedConfig = useMemo(() => config, [config]);
+  const [sdk, setSdk] = useState(null);
+  const [isClient, setIsClient] = useState(false);
   const [isConnected, setIsConnected] = useState(false);
   const [isConnecting, setIsConnecting] = useState(false);
   const [connectError, setConnectError] = useState(null);
@@ -20,9 +16,18 @@ function PhantomProvider({ children, config, debugConfig }) {
     memoizedConfig.providerType || null
   );
   const [isPhantomAvailable, setIsPhantomAvailable] = useState(false);
-  const [sdk, setSdk] = useState(null);
   useEffect(() => {
+    setIsClient(true);
+  }, []);
+  useEffect(() => {
+    if (!isClient)
+      return;
     const sdkInstance = new BrowserSDK(memoizedConfig);
+    setSdk(sdkInstance);
+  }, [isClient, memoizedConfig]);
+  useEffect(() => {
+    if (!sdk)
+      return;
     const handleConnectStart = () => {
       setIsConnecting(true);
       setConnectError(null);
@@ -31,15 +36,15 @@ function PhantomProvider({ children, config, debugConfig }) {
       try {
         setIsConnected(true);
         setIsConnecting(false);
-        const providerInfo = sdkInstance.getCurrentProviderInfo();
+        const providerInfo = sdk.getCurrentProviderInfo();
         setCurrentProviderType(providerInfo?.type || null);
-        const addrs = await sdkInstance.getAddresses();
+        const addrs = await sdk.getAddresses();
         setAddresses(addrs);
-        setWalletId(sdkInstance.getWalletId());
+        setWalletId(sdk.getWalletId());
       } catch (err) {
         console.error("Error connecting:", err);
         try {
-          await sdkInstance.disconnect();
+          await sdk.disconnect();
         } catch (err2) {
           console.error("Error disconnecting:", err2);
         }
@@ -57,25 +62,24 @@ function PhantomProvider({ children, config, debugConfig }) {
       setAddresses([]);
       setWalletId(null);
     };
-    sdkInstance.on("connect_start", handleConnectStart);
-    sdkInstance.on("connect", handleConnect);
-    sdkInstance.on("connect_error", handleConnectError);
-    sdkInstance.on("disconnect", handleDisconnect);
-    setSdk(sdkInstance);
+    sdk.on("connect_start", handleConnectStart);
+    sdk.on("connect", handleConnect);
+    sdk.on("connect_error", handleConnectError);
+    sdk.on("disconnect", handleDisconnect);
     return () => {
-      sdkInstance.off("connect_start", handleConnectStart);
-      sdkInstance.off("connect", handleConnect);
-      sdkInstance.off("connect_error", handleConnectError);
-      sdkInstance.off("disconnect", handleDisconnect);
+      sdk.off("connect_start", handleConnectStart);
+      sdk.off("connect", handleConnect);
+      sdk.off("connect_error", handleConnectError);
+      sdk.off("disconnect", handleDisconnect);
     };
-  }, [memoizedConfig]);
+  }, [sdk]);
   useEffect(() => {
-    if (!sdk || !debugConfig)
+    if (!debugConfig || !sdk)
       return;
     sdk.configureDebug(debugConfig);
   }, [sdk, debugConfig]);
   useEffect(() => {
-    if (!sdk)
+    if (!isClient || !sdk)
       return;
     const initialize = async () => {
       try {
@@ -91,7 +95,7 @@ function PhantomProvider({ children, config, debugConfig }) {
       }
     };
     initialize();
-  }, [sdk, memoizedConfig.autoConnect]);
+  }, [sdk, memoizedConfig.autoConnect, isClient]);
   const value = useMemo(
     () => ({
       sdk,
@@ -101,9 +105,10 @@ function PhantomProvider({ children, config, debugConfig }) {
       addresses,
       walletId,
       currentProviderType,
-      isPhantomAvailable
+      isPhantomAvailable,
+      isClient
     }),
-    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable]
+    [sdk, isConnected, isConnecting, connectError, addresses, walletId, currentProviderType, isPhantomAvailable, isClient]
   );
   return /* @__PURE__ */ jsx(PhantomContext.Provider, { value, children });
 }
@@ -305,176 +310,38 @@ function useAutoConfirm() {
 }
 
 // src/hooks/useSolana.ts
-import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
 function useSolana() {
-  const { sdk, isConnected } = usePhantom();
-  const solanaChain = useMemo2(() => {
-    if (!sdk || !isConnected)
-      return null;
-    try {
-      return sdk.solana;
-    } catch {
-      return null;
-    }
-  }, [sdk, isConnected]);
-  const signMessage = useCallback4(
-    async (message) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signMessage(message);
-    },
-    [solanaChain]
-  );
-  const signTransaction = useCallback4(
-    async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signTransaction(transaction);
-    },
-    [solanaChain]
-  );
-  const signAndSendTransaction = useCallback4(
-    async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signAndSendTransaction(transaction);
-    },
-    [solanaChain]
-  );
-  const connect = useCallback4(
-    async (options) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.connect(options);
-    },
-    [solanaChain]
-  );
-  const disconnect = useCallback4(async () => {
-    if (!solanaChain)
-      throw new Error("Solana chain not available. Ensure SDK is connected.");
-    return solanaChain.disconnect();
-  }, [solanaChain]);
-  const switchNetwork = useCallback4(
-    async (network) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.switchNetwork?.(network);
-    },
-    [solanaChain]
-  );
-  const getPublicKey = useCallback4(async () => {
-    if (!solanaChain)
-      return null;
-    return solanaChain.getPublicKey();
-  }, [solanaChain]);
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      solana: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
-    // Chain instance for advanced usage
-    solana: solanaChain,
-    // Convenient methods
-    signMessage,
-    signTransaction,
-    signAndSendTransaction,
-    connect,
-    disconnect,
-    switchNetwork,
-    getPublicKey,
+    // Chain instance with connection enforcement for signing methods
+    solana: sdk.solana,
     // State
-    isAvailable: !!solanaChain,
-    isConnected: solanaChain?.isConnected() ?? false
+    isAvailable: !!isConnected
   };
 }
 
 // src/hooks/useEthereum.ts
-import { useCallback as useCallback5, useMemo as useMemo3 } from "react";
 function useEthereum() {
-  const { sdk, isConnected } = usePhantom();
-  const ethereumChain = useMemo3(() => {
-    if (!sdk || !isConnected)
-      return null;
-    try {
-      return sdk.ethereum;
-    } catch {
-      return null;
-    }
-  }, [sdk, isConnected]);
-  const request = useCallback5(
-    async (args) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.request(args);
-    },
-    [ethereumChain]
-  );
-  const signPersonalMessage = useCallback5(
-    async (message, address) => {
-      return request({
-        method: "personal_sign",
-        params: [message, address]
-      });
-    },
-    [request]
-  );
-  const sendTransaction = useCallback5(
-    async (transaction) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.sendTransaction(transaction);
-    },
-    [ethereumChain]
-  );
-  const switchChain = useCallback5(
-    async (chainId) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.switchChain(chainId);
-    },
-    [ethereumChain]
-  );
-  const getChainId = useCallback5(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getChainId();
-  }, [ethereumChain]);
-  const getAccounts = useCallback5(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getAccounts();
-  }, [ethereumChain]);
-  const signMessage = useCallback5(
-    async (message) => {
-      return request({
-        method: "eth_sign",
-        params: [await getAccounts().then((accounts) => accounts[0]), message]
-      });
-    },
-    [request, getAccounts]
-  );
-  const signTypedData = useCallback5(
-    async (typedData) => {
-      const accounts = await getAccounts();
-      return request({
-        method: "eth_signTypedData_v4",
-        params: [accounts[0], JSON.stringify(typedData)]
-      });
-    },
-    [request, getAccounts]
-  );
+  const { sdk, isConnected, isClient } = usePhantom();
+  if (!isClient || !sdk) {
+    return {
+      ethereum: {},
+      // This will be replaced when SDK is ready
+      isAvailable: false
+    };
+  }
   return {
-    // Chain instance for advanced usage
-    ethereum: ethereumChain,
-    // Standard EIP-1193 interface
-    request,
-    // Convenient methods
-    signPersonalMessage,
-    signMessage,
-    signTypedData,
-    sendTransaction,
-    switchChain,
-    getChainId,
-    getAccounts,
+    // Chain instance with connection enforcement for signing methods
+    ethereum: sdk.ethereum,
     // State
-    isAvailable: !!ethereumChain,
-    isConnected: ethereumChain?.isConnected() ?? false
+    isAvailable: !!isConnected
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.11",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -26,9 +26,9 @@
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "dependencies": {
-    "@phantom/browser-sdk": "^1.0.0-beta.1",
-    "@phantom/chains": "^1.0.0-beta.1",
-    "@phantom/constants": "^1.0.0-beta.1"
+    "@phantom/browser-sdk": "^1.0.0-beta.11",
+    "@phantom/chain-interfaces": "^1.0.0-beta.6",
+    "@phantom/constants": "^1.0.0-beta.6"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",