Coinbase Wallet

A wallet configurator for Coinbase Wallet which allows integrating the wallet with React Native

import { coinbaseWallet } from "@thirdweb-dev/react-native";
 
const coinbaseConfig = coinbaseWallet(options);

const coinbaseConfig = coinbaseWallet({ ... });
 
// override metadata
coinbaseConfig.meta.name = "..."; // change the name
coinbaseConfig.meta.iconURL = "..."; // change the icon
 
// override connection UI
coinbaseConfig.connectUI = CoinbaseConnectUI; // react component
 
// custom selection UI
coinbaseConfig.selectUI = CoinbaseSelectUI; // react component
 

// add to ThirdwebProvider to add it in ConnectWallet's modal
<ThirdwebProvider supportedWallets={[coinbaseConfig]} clientId="your-client-id"/>;
 
// or use it with useConnect hook
const connect = useConnect();
connect(coinbaseConfig, { ... });

coinbaseWallet({
  callbackURL: new URL("your.scheme://"),
});

coinbaseWallet({
  recommended: true,
});

To allow users to connect to this wallet using the ConnectWallet component, you can add it to ThirdwebProvider's supportedWallets prop.

<ThirdwebProvider
  supportedWallets={[coinbaseWallet()]}
  clientId="your-client-id"
>
  <YourApp />
</ThirdwebProvider>;

you can use the useConnect hook to programmatically connect to the wallet without using the ConnectWallet component.

The wallet also needs to be added in ThirdwebProvider's supportedWallets if you want the wallet to auto-connect on next page load.

const coinbaseConfig = coinbaseWallet();
 
function App() {
  const connect = useConnect();
 
  const handleConnect = async () => {
    await connect(coinbaseConfig, connectOptions);
  };
 
  return <div> ... </div>;
}