import { exportWaasPrivateKey, isWaasWalletAccount } from '@dynamic-labs-sdk/client/waas'; import { client } from './client'; const exportPrivateKey = async () => { const walletAccounts = client.wallets.getWalletAccounts(); const walletAccount = walletAccounts[0]; if (!isWaasWalletAccount(walletAccount)) return; await exportWaasPrivateKey({ walletAccount, displayContainer: document.getElementById('display-container'), }); }; // Add a container in your UI to inject the iframe // E.g: <div id="display-container"></div>
ref
exportWaasPrivateKey
import { exportWaasPrivateKey, isWaasWalletAccount } from '@dynamic-labs-sdk/client/waas'; import { getWalletAccounts } from '@dynamic-labs-sdk/client'; import { useRef } from 'react'; function ExportPrivateKey() { const containerRef = useRef<HTMLDivElement>(null); const handleExport = async () => { const walletAccounts = getWalletAccounts(); const walletAccount = walletAccounts[0]; if (!walletAccount || !isWaasWalletAccount(walletAccount) || !containerRef.current) return; await exportWaasPrivateKey({ walletAccount, displayContainer: containerRef.current, }); }; return ( <div> <button onClick={handleExport}>Export private key</button> <div ref={containerRef} /> </div> ); }
NotWaasWalletAccountError
Was this page helpful?