Как узнать, что все данные формы проверяются в библиотеке реагирующей формы

Question

Я использую форму реагирующего крючка для проверки в reactjs. Я использую многоэтапную форму, поэтому после проверки данных одного шага необходимо go перейти к следующему шагу. Но я не нашел, как узнать, что все данные проверены или нет. Я использую условие if else для двух кнопок, после проверки всех данных, кнопка перейдет к следующему шагу go. вот мой код ..

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

const UserDetails = ({ setForm, formData, navigation }) => {

const { handleSubmit, register, errors } = useForm();
const onSubmit = values => {

  };
return(
<>
   <input
   type="text"
   name="fullName"
   id="fullname"
     className="form__field form-control br0 font-white"
     placeholder='Name'
     onChange={setForm}
     defaultValue={fullName}
    ref={register({ required: true })}
    />
{errors.fullName && 'First name is required'}


//here my code for validating.
   {allValid() ? (
    <button className="btn green_btn w250 font22"  onClick={next}>
                                                Next
                                            </button>
                            ) : (
  <button className="btn green_btn w250 font22" type="submit">Next</button>
  )}  
</>
)

}