Autocomplete an Address with a React hook Form
import React from "react";
import { useForm } from "react-hook-form";
export default function App() {
const { register, handleSubmit, errors } = useForm();
const onSubmit = data => console.log(data);
return (
<form onSubmit={handleSubmit(onSubmit)}>
<input
type="text"
aria-invalid={errors.firstName ? "true" : "false"}
name="firstName"
ref={register({ required: true })}
/>
{ errors.firstName && (
<span role="alert">
This field is required
</span>
)
}
<input type="submit" />
</form>
);
}