The Boost V2 Docs are under active development and will be subject to changes.

While the Boost SDK does not currently offer a React adapter, it’s simple to integrate the V2 protocol into your application.

As a prerequisite, you should have a basic Wagmi integration set up.

Wagmi/React Setup

Learn how to integrate Wagmi into your React application.

Afterwards, you can use the following basic snippets as a reference.

'use client';
import { type ReactNode, useEffect, useState } from 'react';

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { WagmiProvider } from 'wagmi';

import { BoostProvider } from '@/components/BoostContext';
import { wagmiConfig } from '@/wagmi';

export function Providers({ children }: Readonly<{ children: ReactNode }>) {
  const queryClient = new QueryClient();

  const appInfo = {
    appName: 'Boost SDK Examples',
  };

  return (
    <WagmiProvider config={wagmiConfig}>
      <QueryClientProvider client={queryClient}>
        <RainbowKitProvider coolMode appInfo={appInfo}>
          <BoostProvider>{children}</BoostProvider>
        </RainbowKitProvider>
      </QueryClientProvider>
    </WagmiProvider>
  );
}