Quickstart
Integrate the embedded wallet in just a few lines of code.
Installation
Install the required packages:
npm i @passkeys/core @passkeys/reactUsage
Call createWallet at the top level of your application with your app ID and supported chains to initialize the embedded wallet and expose web3 providers.
Next, wrap your application in the <WalletProvider> context provider and render the <WalletWidget> somewhere in your layout:
src/index.tsx
import { createWallet } from '@passkeys/core';
import { WalletProvider, WalletWidget } from '@passkeys/react';
import { createRoot } from 'react-dom/client';
import App from './App';
const wallet = createWallet({
appId: '<YOUR_APP_ID>', // Only required for production, contact us to get yours.
providers: {
ethereum: true,
// ...
},
});
const root = createRoot(document.getElementById('root'));
root.render(
<WalletProvider wallet={wallet}>
<WalletWidget />
<App />
</WalletProvider>,
);The widget will remain invisible and only display when the user connects the wallet.