Skip to content

Integrate React App

Select one of the options below as per your application type.

Integrate React/NextJS

Integrate Wagmi Connector

RainbowKit Connector

Web3-React Connector

Wallet Connect Frameworks

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

  • If your application is built using the React framework, you need to install both the auth package and the auth-react package. Use the instructions listed below to integrate the Arcana Auth SDK, instantiate and initialize the AuthProvider and also use the React component, ProvideAuth.
  • If your application uses Wagmi or RainbowKit, you need to install both the auth package and the auth-wagmi packages. Use the instructions listed below to integrate the Arcana Auth SDK, create an ArcanaConnector for enabling user onboarding and signing of blockchain transactions.
  • If your application uses Web3-React, you need to install both the auth package and the auth-web3-react packages. Use the instructions listed below to integrate the Arcana Auth SDK, create an ArcanaConnector for enabling user onboarding and signing of blockchain transactions.

Last update: May 25, 2023 by shaloo, shalz