isValidating field is not working as expected.

[lucas-hahn]

I'm trying to create form array elements, but isValidating is returning true although validation is done.
It was working in the previous version, but not working with v7.51.1
Here is my code and link to codesandbox.
codesandbox: https://codesandbox.io/p/sandbox/friendly-darwin-nwjfcl?file=%2Fsrc%2FApp.js%3A41%2C13-41%2C19

import React from "react";
import "./styles.css";
import { useForm, useFieldArray } from "react-hook-form";
import * as yup from "yup";
import { yupResolver } from "@hookform/resolvers/yup";

export default function App() {
  const elementSchema = { name: yup.string().required() };
  const schema = yup
    .object()
    .shape({ members: yup.array().of(yup.object().shape(elementSchema)) });

  const {
    control,
    register,
    handleSubmit,
    formState: { errors, isValidating, isValid },
  } = useForm({
    resolver: yupResolver(schema),
    mode: "all",
    defaultValues: { name: "" },
  });

  const { fields, append, remove } = useFieldArray({
    control,
    name: "members",
  });

  React.useEffect(() => {
    console.log("hey~~~~~", { isValid, isValidating });
  }, [isValid, isValidating]);

  const onSubmit = () => {};

  return (
    <div className="App">
      {fields.map((field, index) => (
        <div key={field.id}>
          <input {...register(`members.${index}.name`)} placeholder="name" />
          <button type="button" onClick={() => remove(index)}>
            Remove
          </button>
        </div>
      ))}
      <button type="button" onClick={() => append({ name: "" })}>
        Add
      </button>
      <button type="submit" onClick={handleSubmit(onSubmit)}>
        Submit
      </button>
    </div>
  );
}