Filsnap-adapter-react NPM

filsnap-adapter-react

React hook for Filsnap.

Installation

pnpm install filsnap-adapter-react

Usage

import { FilsnapProvider } from 'filsnap-adapter-react'

const config = {
  network: 'testnet',
}

function Main() {
  return (
    <FilsnapProvider snap="npm:filsnap" config={config}>
      <App />
    </FilsnapProvider>
  )
}

import { useFilsnap } from 'filsnap-adapter-react'

function App() {
  const { isLoading, hasSnaps, isConnected, connect, account, error } =
    useFilsnap()

  if (isLoading) {
    return <div>Loading...</div>
  }

  if (!isConnected) {
    return <button onClick={() => connect()}>Connect to Filecoin Snap</button>
  }

  return <div>Connected to {account.address}</div>
}

Check out the demo for a working example and the API for more details.