issue: required property doesn't work when valueAsNumber property is true

[JuandaGarcia]

Version Number

7.41.1

Codesandbox/Expo snack

https://codesandbox.io/s/pensive-edison-3kzj0m?file=/src/App.js

Steps to reproduce

1. Go to https://codesandbox.io/s/pensive-edison-3kzj0m?file=/src/App.js
2. Click on Submit button
3. See error

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

export default function App() {
  const {
    register,
    handleSubmit,
    formState: { errors }
  } = useForm();
  const [data, setData] = useState();

  const onSubmit = handleSubmit((data) => {
    setData(JSON.stringify(data));
  });

  return (
    <>
      <span>{data}</span>
      <form onSubmit={onSubmit}>
        <p>{errors?.price?.message}</p>
        <input
          type="number"
          {...register("price", {
            required: {
              value: true,
              message: "The price is required."
            },
            valueAsNumber: true
          })}
        />
        <button>Submit</button>
      </form>
    </>
  );
}

Expected behaviour

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[ilteoood]

Hey @bluebill1049 are you planning to release this soon?