React/NextJS Apps

Depending upon whether your React Web3 app is a simple React app, or a React app that uses Wagmi, you may need to install one or more of the following Arcana Auth SDK packages - auth, auth-react and auth-wagmi.

• If your application is built using the React framework, you need to install both the auth package and the auth-react package. Next, you must integrate the app with the Auth SDK AuthProvider and also use the React component, ProvideAuth.
• If your application uses Wagmi or RainbowKit, you need to install and integrate the app only with the auth-wagmi wrapper package and create an ArcanaConnector to enable user onboarding and signing of blockchain transactions using the Arcana wallet.

For detailed instructions, select one of the options below as per your application type.

Integrate React/NextJS

Integrate Wagmi Connector

RainbowKit Connector