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 createThirdwebClient 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 { createThirdwebClient } from "thirdweb";
import { ThirdwebProvider } from "thirdweb/react";
 
const client = createThirdwebClient({
  clientId: "<your_client_id>",
});
 
function Example() {
  return (
    <ThirdwebProvider client={client}>
      <App />
    </ThirdwebProvider>
  );
}