blog-rhf-basic_form.js

import React from "react";
import { useForm } from "react-hook-form";

function onSubmitForm(formData) {
  alert("Hi your phone number is: " + formData.phoneNumber);
}

export default function MyForm() {
  const { register, handleSubmit } = useForm();
  return (
    <form onSubmit={handleSubmit(onSubmitForm)}>
      <label>
        Phone Number:
        <input type="text" name="phoneNumber" ref={register} />
      </label>
      <input type="submit" value="Submit" />
    </form>
  );
}