up-modal React Example

Live demo

Minimal Vite + React 18 demo for @lukso/up-modal.

Shows a single Connect button that opens the LUKSO Universal Profile connection modal. Once connected, the address is displayed with a Disconnect button.

npm install
npm run dev

Open http://localhost:5173

• src/connector.ts — calls setupLuksoConnector() once at module scope and exports the LuksoConnector promise
• src/main.tsx — imports the connector (triggers setup early) and mounts the React app
• src/App.tsx — awaits the connector promise, subscribes to connection state via wagmiConfig.subscribe(), opens the modal on button click

• Vite + React 18 + TypeScript
• @lukso/up-modal for the connection modal
• @wagmi/core for connection state management