The agw-react package includes an option to include Abstract Global Wallet as a connection option in the Dynamic DynamicWidget component.

AGW + Dynamic Example Repo

Use our example repo to quickly get started with AGW and Dynamic.

​
Installation

Install the required dependencies:

npm install @abstract-foundation/agw-react @dynamic-labs/sdk-react-core @dynamic-labs/ethereum @dynamic-labs-connectors/abstract-global-wallet-evm viem

​
Usage

​
1. Configure the DynamicContextProvider

Wrap your application in the DynamicContextProvider component:

Next.js App Router: If you are using Next.js App Router, create a new component and add the use client directive at the top of your file (see example) and wrap your application in this component.

​
2. Render the DynamicWidget

Render the DynamicWidget component anywhere in your application:

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

export default function Home() {
  return <DynamicWidget />;
}

Was this page helpful?

ConnectKitPrivy