ThirdwebProvider

The ThirdwebProvider is component is a provider component that sets up the React Query client and Wallet Connection Manager. To you thirdweb React SDK's hooks and components, you have to wrap your App component in a ThirdwebProvider.

ThirdwebProvider requires a client prop which you can create using the createClient function. You must provide a clientId or secretKey in order to initialize a client . You can create an Api key for free at from the Thirdweb Dashboard .

import { createClient } from "thirdweb";
import { ThirdwebProvider } from "thirdweb/react";
const client = createClient({
  clientId: "<your_client_id>",
});
function Example() {
  return (
    <ThirdwebProvider client={client}>
      <App />
    </ThirdwebProvider>
  );
}