Integrate Danish address autocomplete into React in 10 lines: fetch from api.danadresse.dk in useEffect, render a dropdown of hits. Same endpoints as DAWA — drop-in for existing code.
No SDK needed — one fetch call in a useEffect and you have live typeahead.
Call the API directly from an async Server Component — no client-side API key exposure.
Full TypeScript support via @danadresse/client — autocomplete in your editor.
// React hook example
const [hits, setHits] = useState([])
useEffect(() => {
if (!q) return
fetch(`https://api.danadresse.dk/autocomplete?q=${q}`, {
headers: { 'X-Api-Key': process.env.REACT_APP_DANADRESSE_KEY }
}).then(r => r.json()).then(setHits)
}, [q])
Replace a plain text input with typeahead — validated address from the first keystroke.
Use a Route Handler to proxy the API key server-side and expose a safe autocomplete endpoint to the client.
Embed address autocomplete in any React form library (react-hook-form, Formik, etc.).
The slug /react-adresse-autocomplete follows DAWA's conventions — same paths, same JSON shape, same UUIDs. See the migration guide for the full picture.
See also