Just a gist to explain React Hook Form (RHF)

DeliveryForm.jsx

export default function DeliveryForm() {
  const { register, handleSubmit, formState: { errors } } = useForm();
  const onSubmit = data => console.log(data);

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
  
      <input placeholder="Full Name" {...register("fullName")} />

      <input placeholder="Delivery Address" {...register("deliveryAddress", { required: true })} />

      {errors.deliveryAddress && <span>Delivery Address is required</span>}
      
      <button type="submit">Review Order</button>
       
    </form>
  );
}