If you want to skip the step by step guide, you can refer to one of the example apps or the quickstart.

Installing the SDK

To get started, you need to install the SDK. You can do this by running the following command:

npm install @dynamic-labs/sdk-react-core

The SDK uses Viem by default. If you need Ethers, please complete this guide first, and you’ll find a link to the Ethers guide at the bottom.

Adding the context provider

The miminum implementation involves wrapping your app with the DynamicContextProvider component.

This provider allows your application to use Dynamic functionality.

Make sure to replace XXXXX with your environment ID, found here.

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

return (
  <DynamicContextProvider
    settings={{
      environmentId: "XXXXX",
    }}
  >
    <App />
  </DynamicContextProvider>
);

If you have any issues while implementing at this stage, check out the React troubleshooting section.

Now you have access to Dynamic inside your app, you can start using the SDK to enable signup/login, once you’ve enabled a chain!

What next?

Click here to learn how to enable chains and wallets with the SDK

Was this page helpful?

Go Live ChecklistDynamicContextProvider props