@web5nexus/authmodal-dynamic

Dynamic Labs adapter for Web5 Auth Modal. Dynamic’s auth UX is React-centric — you must mount DynamicAdapterHost once in your React tree.

Install

npm install @web5nexus/authmodal-dynamic @web5nexus/authmodal-core @dynamic-labs/sdk-react-core @dynamic-labs/ethereum react react-dom

Usage

import { dynamic, DynamicAdapterHost } from '@web5nexus/authmodal-dynamic'
import { AuthModalProvider, ConnectButton } from '@web5nexus/authmodal-react'

const adapter = dynamic({
  environmentId: import.meta.env.VITE_DYNAMIC_ENVIRONMENT_ID,
})

export function App() {
  return (
    <DynamicAdapterHost environmentId={import.meta.env.VITE_DYNAMIC_ENVIRONMENT_ID}>
      <AuthModalProvider adapters={[adapter]} /* … */>
        <ConnectButton />
      </AuthModalProvider>
    </DynamicAdapterHost>
  )
}

Dashboard

1. Create an environment at Dynamic Dashboard
2. Copy the Environment ID
3. Enable email / social login methods and allowlist origins

License

MIT — Web5 Nexus Team