ResetPasswordPage.js

const initialState = {
  password: '',
  confirmPassword: ''
};

const ResetPasswordPage = () => {
  const [form, setForm] = useState(initialState);
  const [errorMessage, setErrorMessage] = useState(initialState);

  const onFormChange = (fieldName, value) => {
    const newForm = { ...form };
    newForm[fieldName] = value;

    newErrorMessage = getNewErrorMessage(newForm);

    setForm(newForm);
    setErrorMessage(newErrorMessage);
  };

  return (
    <>
      <TextField
        onChange={evt => onFormChange('password', evt.target.value)}
        value={form.password}
        errorText={errorMessage.password || ''}
      />
      <TextField
        onChange={evt => onFormChange('confirmPassword', evt.target.value)}
        value={form.confirmPassword}
        errorText={errorMessage.confirmPassword || ''}
      />
    </>
  );
};

export default ResetPasswordPage;