React

Install our library of React Hooks and Components to easily integrate Crane into your React app.

Installing the package

To install the package, run the following command in your terminal:

npm install @cranetech/sdk

Setting up the Provider

The CraneProvider component is the main entry point for the SDK. It provides the context for all the other components to access the SDK. If you are familiar with wagmi, and want more control over your application, you can specify a client configuration the same way you'd do it with wagmi or RainbowKit

import { CraneProvider } from '@cranetech/sdk'

function App() {
  return (
    <CraneProvider projectId="YOUR API KEY HERE">
      <YourReactApp />
    </CraneProvider>
  )
}