Setting Up React Package

npm install @drift-labs/react

{
  "@drift-labs/sdk": "^2.158.0-beta.0",
  "@solana/spl-token": "0.3.8",
  "@solana/web3.js": "1.98.0",
  "react": "19.0.3",
  "react-dom": "19.0.3"
}

import { DriftProvider } from '@drift-labs/react';
import { DRIFT_WALLET_PROVIDERS } from '@drift-labs/react';

const DEFAULT_BREAKPOINTS = {
  sm: 640,
  md: 768,
  lg: 1024,
  xl: 1280,
  '2xl': 1536,
};

function App() {
  return (
    <DriftProvider
      wallets={DRIFT_WALLET_PROVIDERS}
      breakpoints={DEFAULT_BREAKPOINTS}
    >
      {/* Your app components */}
    </DriftProvider>
  );
}

export default App;

import { DriftProvider } from '@drift-labs/react';
import { DriftEnv } from '@drift-labs/sdk';

function App() {
  return (
    <DriftProvider
      wallets={DRIFT_WALLET_PROVIDERS}
      breakpoints={DEFAULT_BREAKPOINTS}
      additionalDriftClientConfig={{
        env: 'mainnet-beta' as DriftEnv,
        // Additional SDK configuration
      }}
    >
      {/* Your app components */}
    </DriftProvider>
  );
}

import type { 
  DriftProviderProps,
  CommonDriftStore,
  UserData 
} from '@drift-labs/react';

import {
  // Providers
  DriftProvider,
  DriftWalletProvider,
  
  // Hooks
  useCommonDriftActions,
  useWalletContext,
  useDriftClientIsReady,
  useSolBalance,
  useCurrentRpc,
  
  // Components
  Typo,
  InlineLoadingBar,
  Tag,
  
  // Stores
  useCommonDriftStore,
  
  // Constants
  DRIFT_WALLET_PROVIDERS,
} from '@drift-labs/react';