我在我的Nextjs应用程序中使用Formik和tRPC。当我提交表单时，我收到以下错误：

TRPCClientError: [
  {
    "code": "invalid_type",
    "expected": "string",
    "received": "null",
    "path": [
      "user",
      "handle"
    ],
    "message": "Expected string, received null"
  }
]

这是我的表格：

const tenantMutation = trpc.tenant.createTenant.useMutation();
  const CreateTenantSchema = z.object({
    organization: z
      .string()
      .min(3, "Too short!")
      .max(60, "Too long!")
      .regex(organizationRegex, "Only alphanumeric characters are allowed"),
    handle: z
      .string()
      .min(3, "Too short!")
      .max(40, "Too long!")
      .regex(handleRegex, "Only alphanumeric characters are allowed"),
  });
  const formik = useFormik({
    initialValues: {
      organization: "",
      handle: "",
    },
    onSubmit: async (values) => {
      //   if (!user.data) return;
      await tenantMutation.mutateAsync({
        name: values.organization,
        handle: values.handle,
        user: user.data as UserSchema,
      });
    },
    validationSchema: toFormikValidationSchema(CreateTenantSchema),
  });

  return (
    <div className="grid gap-10 grid-cols-1 mt-4 text-center">
      <p className="text-2xl font-medium">Welcome aboard!</p>
      <p className="text-lg font-medium">
        Looks like you need to create or join an organization.
      </p>
      <form onSubmit={formik.handleSubmit} className="space-y-4 mx-auto">
        <VTextfield
          id="organization"
          name="organization"
          type="text"
          onChange={formik.handleChange}
          label={"Organization"}
          placeholder={"My Company"}
          value={formik.values.organization}
          errorMessage={formik.errors.organization}
        />
        <VTextfield
          id="handle"
          name="handle"
          type="text"
          onChange={formik.handleChange}
          label={"Handle"}
          placeholder={"jsmith23"}
          value={formik.values.handle}
          errorMessage={formik.errors.handle}
        />

        <VButton
          text="Create organization"
          type="submit"
          classNames={["w-[290px] mx-auto"]}
          disabled={
            (formik.errors.handle !== undefined &&
              formik.errors.handle.length > 0) ||
            (formik.errors.organization !== undefined &&
              formik.errors.organization.length > 0)
          }
        />
      </form>
    </div>
  );
};

当我用console.log记录输入值时，我得到了正确的值和类型。我不知道为什么会发生这种情况。有什么想法吗？