This is useful hook for react based apps to resolve ADA handles as Cardano addresses
Debounced, with custom delay
Works on mainnnet and the old testnet
npm install @summonlabs/use-ada-handle-resolver
Use it on input, and show the resolved address to an user. Address is returned as an empty string when no handle is resolved.
const BLOCKFROST_PROJECT_ID = `<project_id>`
const App = () => {
const { address, handleInputChangeDebounced } = useAdaHandleResolver({ blockfrostProjectId: BLOCKFROST_PROJECT_ID, delay: 500 })
return (
<form>
<input type={'text'} onChange={handleInputChangeDebounced} />
{address ? `Resolved as ${address}` : ``}
</form>
);
};