The ThirdwebSDKProvider is used when you want to provide your own wallet connection logic and just use the thirdweb SDK to interact with smart contracts and the blockchain. This means you can use everything in the SDK except for wallet connection-related components and hooks.

Wrap your app in the ThirdwebSDKProvider to access the SDK’s functionality from anywhere in your app. Provide a signer prop to inform the SDK of the wallet you want to use, among other configuration options.

Wrap your app in the ThirdwebSDKProvider to access the SDK's functionality from anywhere in your app.

import { ThirdwebSDKProvider } from "@thirdweb-dev/react";
import { ethers } from "ethers";

function MyApp() {
  // Example: Use ethers to get the signer from the window.ethereum object
  const signer = new ethers.providers.Web3Provider(window.ethereum).getSigner();

  return (
    <ThirdwebSDKProvider
      activeChain={"ethereum"}
      signer={signer}
      clientId="your-client-id"
    >
      <App />
    </ThirdwebSDKProvider>
  );
}