Warning: "unstable_flushDiscreteUpdates" on formik custom input

Question

I am trying to create a custom input, so I can use it in my formik form, and I get this warning. For the custom input I used this example: https://formik.org/docs/api/useField

P.S before adding this custom input, there wasn't any error.

My code:

const Input = (props) => {
  const [meta] = useField(props);
  return (
    <div className={classes.control}>
      <label htmlFor={props.id || props.name}>{props.label}</label>
      <Field name={props.name} {...props} />
      {meta.touched && meta.error ? <div className="error">{meta.error}</div> : null}
    </div>
  );
};

export default Input;


const RegistrationForm = () => {
  const { isLoading, t, submitHandlerRegister, registrationValues } = useAuth();

  return (
    <Formik
      initialValues={registrationValues}
      validationSchema={RegisterValidationSchema}
      onSubmit={submitHandlerRegister}
      enableReinitialize={true}
    >
      <Form>
        <Input
          label={t("Authentication.Email")}
          name="email"
          type="email"
          placeholder={t("Authentication.Email")}
        ></Input>

        <Input
          label={t("Authentication.Password")}
          name="password"
          type="password"
          placeholder={t("Authentication.Password")}
        ></Input>

        <div className={classes.actions}>
          <button type="submit" disabled={isLoading}>
            {t("Authentication.CreateAccount")}
          </button>
        </div>
      </Form>
    </Formik>
  );
};