​
Usage

To get the bridge component setup, you’ll want to have your desired chains enabled In the Dynamic Dashboard, for example Ethereum and Starknet. Then, in your index.tsx (or wherever you render DynamicContextProvider, specify the initialAuthenticationMode and bridgeChains prop like so:

<DynamicContextProvider
  settings={{
    environmentId: "ENV_ID",
    initialAuthenticationMode: "connect-only",
    bridgeChains: [
      {
        chain: "EVM",
      },
      {
        chain: "STARK",
      },
    ],
  }}
>
  <App />
</DynamicContextProvider>

Then, in app.tsx:

import { DynamicBridgeWidget } from "@dynamic-labs/sdk-react-core";

export default function App() {
  return (
    <div className="App">
      <DynamicBridgeWidget />
    </div>
  );
}

And that’s it! Now you’re rendering our bridge widget.

Was this page helpful?

Components IntroductionDynamicConnectButton