Сравнение паролей

return (
        <div className="App">
            <form className='regform' onSubmit={handleSubmit(onSubmit)}>
                { passwordError1 && <div className='errorlabel'>{passwordError1}</div>}
                { passwordError2 && <div className='errorlabel'>{passwordError2}</div>}
                <input className='field_input' name='email' type='email' placeholder="Эл. почта" {...register('email')} />
                <input className='field_input' name='password' type='password' placeholder="Пароль" {...register('password1')} />
                <input className='field_input' name='password' type='password' placeholder="Подтвердите пароль" {...register('password2')} />
                <button className='field_button' type='submit' disabled = {!!(passwordError1 && passwordError2)}>
                    Зарегистрироваться
                </button>
            </form>
        </div>
    );

const a = 'qwerty'
const b = '123456'
if (a === b) console.log('Равны')
else console.log('Не равны')

const fieldScheme = yup.object().shape({
    email: yup.string(),
 
    password1: yup
        .string()
        .matches(
            /^[\w_]*$/,
            'Поле "Пароль": Должны использоваться буквы, цифры или нижнее подчеркивание',
        )
        .min(6, 'Поле "Пароль": Должно быть больше 6 символов'),
 
    password2: yup
        .string()
        .matches(
            /^[\w_]*$/,
            'Поле "Подтвердить пароль": Должны использоваться буквы, цифры или нижнее подчеркивание',
        )
        .min(6, 'Поле "Подтвердить пароль": Должно быть больше 6 символов'),
});
 
let passwordError3 = '';
 
export const App = () => {
    const {
        register,
        handleSubmit,
        formState: { errors },
    } = useForm({
        defaultValues: { password1: '', password2: '' },
        resolver: yupResolver(fieldScheme),
    });
    const [password, setPassword] = useState('');
    const [rePassword, setRePassword] = useState('');
 
    const passwordError1 = errors.password1?.message;
    const passwordError2 = errors.password2?.message;
 
    const onChange = () => {
        if (password.indexOf(rePassword)) {
            passwordError3 = 'Пароли не совпадают';
            setRePassword('Пароли не совпадают');
        }
    }
 
    const onSubmit = (formData) => {
        console.log(formData);
    };
 
    return (
        <div className="App">
            <form className="regform" onSubmit={handleSubmit(onSubmit)}>
                {passwordError1 && <div className="errorlabel">{passwordError1}</div>}
                {passwordError2 && <div className="errorlabel">{passwordError2}</div>}
                {passwordError3 && <div className="errorlabel">{passwordError3}</div>}
 
                <input
                    className="field_input"
                    name="email"
                    type="email"
                    placeholder="Эл. почта"
                    {...register('email')}
                />
                <input
                    className="field_input"
                    name="password"
                    type="password"
                    placeholder="Пароль"
                    {...register('password1')}
                    onChange={onChange}
                />
 
                <input
                    className="field_input"
                    name="password"
                    type="password"
                    placeholder="Подтвердите пароль"
                    {...register('password2')}
                    onChange={onChange}
                />
 
                <button
                    className="field_button"
                    type="submit"
                    disabled={!!(passwordError1 && passwordError2)}
                >
                    Зарегистрироваться
                </button>
            </form>
        </div>
    );
};