ReactiveProvider

React context provider that makes the Reactive Config available to all hooks in the component tree.

Import

import { ReactiveProvider } from '@growae/reactive-react'

Usage

import { createConfig } from '@growae/reactive'
import { testnet } from '@growae/reactive/networks'
import { superhero } from '@growae/reactive/connectors'
import { ReactiveProvider } from '@growae/reactive-react'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'

const config = createConfig({
  networks: [testnet],
  connectors: [superhero()],
})

const queryClient = new QueryClient()

function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <ReactiveProvider config={config}>
        <YourApp />
      </ReactiveProvider>
    </QueryClientProvider>
  )
}

Props

config

• Type: Config
• Required

The Reactive config object created by createConfig.

initialState

• Type: State
• Optional

Initial state for SSR hydration. Obtain this from cookieToInitialState or similar hydration utilities.

reconnectOnMount

• Type: boolean
• Default: true

Automatically reconnect to previously connected wallets on mount.

useConfig

Access the config from any child component:

import { useConfig } from '@growae/reactive-react'

function MyComponent() {
  const config = useConfig()
  // ...
}