Как исправить баг с валидацией полей?

столкнулся с проблемой. Если поле email не прошло валидацию, то оно подсвечивается красным (здесь все ок), но в этот момент поле password вообще не реагирует на проверку валидации, пока поле email невалидно. Как только email проходит валидацию, сразу поле password подсвечивается в случае невалидности. Такое ощущение, что поля проверятся на валидацию не параллельно, а друг после друга. Как это пофиксить?

JSX:

  const isFormValid = () => {
    const isEmailValid = email2.includes('@');
    const isPasswordValid = password2.length >= 6;
  
    setEmailInvalid2(!isEmailValid);
    setPasswordInvalid2(!isPasswordValid);
  
    if (isEmailValid && isPasswordValid) {
      handleStepChange("next");
    }
  };
  
  const handleStep2Submit = (e) => {
    e.preventDefault();
    isFormValid();
  };