core-react

tweed React SDK

Fully compatible with React v18 and offers complete support for TypeScript

Install

Install by package manager, install the paytweed/core-react from the npm public registry.

npm i @paytweed/core-js

https://www.npmjs.com/package/@paytweed/core-reactwww.npmjs.com

Setup

Ensure you have an application set up on the tweed dashboard

Tweed Provider

Use the Tweed provider as a context for your React app. Wrap your application with the Tweed provider to enable access to the Tweed hook throughout your project. Make sure to pass the Tweed provider your applicationId and the list of chains you will be using in your project.

<TweedProvider>

import { Network, TweedProvider } from "@paytweed/core-react";

function App() {
  return (
    <>
      <TweedProvider
        applicationId="YOUR_APP_ID"
          options={{
          chains: [Network.POLYGON, Network.ETHEREUM]
          }}
      >
        <HomePage />
      </TweedProvider>

---

Hook parameters

• applicationId REQUIRED string

• options optional object chains optional array mode optional string rpcMap optional object

Hooks

useAuth

Manage user authentication with functions such as connect, logout, and retrieve access token.

useAuth

useTweed

Manage your Tweed SDK integration using the useTweed hook, which includes the setPaletteMode function and the SDK's loading state.

useTweed

useWeb3

This hook is your gateway to the Web3 world. Use it to obtain the ethereumProvider and begin interacting with the blockchain, such as signing transactions.

useWeb3