离线时不会触发 onChange 事件

Question

我在 nextjs 项目中工作并使用 Formik 作为表单包，问题是我有一个电话号码输入，如下所示

<Formik
              initialValues={initialValues}
              validate={loginValidate}
              onSubmit={login}
            >
              {({ isSubmitting, isValid, dirty }) => (
                <Form>
                  <div className="phone_number_wrap">
                    <Field
                      className="form-control phone_number"
                      type="number"
                      name="mobile"
                      id="mobile"
                      placeholder={t("common:phone_number_placeholder")}
                    />
                    <div className="country-code">
                      <span>+966</span>
                      <img className="saudi-flag" src="/recharge-cards/assets/images/saudi-flag.svg" alt="saudi flag" />
                    </div>
                  </div>
                  <ErrorMessage className="validation-msg" name="mobile" component="p" />
                  
                  <button className="btn btn-secondary btn-block btn-submit" type="submit" disabled={!isValid || !dirty || showLoading}>
                    {t('common:continue')}
                  </button>
                </Form>
              )}
            </Formik>

输入正常，但离线时我无法输入 在尝试修复错误后，我发现更改事件不会触发！！ 你觉得是什么问题？