ThirdwebProvider

To use thirdweb's Components and Hooks, you need to wrap your app in the ThirdwebProvider component.

The only required prop is client. Refer to the Client to learn more about creating a client.

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