自定义输入字段在我键入时失去焦点

Question

我有这个带有自定义输入字段的注册表单。现在，当我尝试打字时，在第一个字符后它失去了焦点。

我想知道我是否可以借用别人的眼睛来弄清楚为什么？ :)

...
import { Formik, Form, Field } from 'formik';

const InputNew = ({ field }) => <input type="text" placeholder="Email" {...field} />;

const SignUpForm = () => (
  <Formik
    onSubmit={async ({ email, password }) => {}}
    initialValues={{ email: '', password: '' }}
    validateOnBlur={true}
    validationSchema={validationSchema}
  >
    {({ isSubmitting }) => (
      <Form key="f2">
        <Stack spacing="l">
          <Stack.Item>
            <Field name="email" component={InputNew} />
          </Stack.Item>
          <Stack.Item>
            <div className="flex justify-end">
              <Button size="m" type="submit" status={isSubmitting ? 'busy' : ''}>
                Sign up
              </Button>
            </div>
          </Stack.Item>
        </Stack>
      </Form>
    )}
  </Formik>
);

export default SignUpForm;

此外，如果我在 Formik 中删除该功能：

{({ isSubmitting }) => (...

那么它就可以工作了。我需要它来获取 isSubmitting 的值。我不明白为什么在另一个项目中它可以使用它，但在一个新项目中却不能？