TanStackT
TanStack9mo ago
3 replies
ripe-gray

withForm-TypeError-fix

 tsx export const AddressComponent = withForm({
  props:{name},
  render: ({ form,name }) => {
    return (
      <div className="flex flex-col gap-4">
        <form.AppField
          name={name }
          children={(field) => <field.BasicInputField label="Street" />}
        />
       
      </div>
    );
  },
}); 



Type 'AppFieldExtendedReactFormApi<{ name: string; age: string; mobileNumber: string; note: string; address: { streetLine: string; }; }, FormValidateOrFn<{ name: string; age: string; mobileNumber: string; note: string; address: { streetLine: string; }; }> | undefined, ... 9 more ..., { ...; }>' is not assignable to type 'AppFieldExtendedReactFormApi<any, any, any, FormAsyncValidateOrFn<unknown> | undefined, any, FormAsyncValidateOrFn<unknown> | undefined, any, FormAsyncValidateOrFn<unknown> | undefined, FormAsyncValidateOrFn<...> | undefined, any, { ...; }, { ...; }>'. <AddressComponent form={form} /> is giving a TypeError. Is there any way to fix this error without explicitly using type any?
Was this page helpful?