pass tanstack form as props to a component with properly typing

AppFieldExtendedReactFormApi<{ movements: ListInventoryRegisterAndMovementsByIDResponse; }, FormValidateOrFn<{ movements: ListInventoryRegisterAndMovementsByIDResponse; }> | undefined, ... 11 more ..., { ...; }>' is not assignable to type 'AppFieldExtendedReactFormApi<any, any, any, FormAsyncValidateOrFn<unknown> | undefined, any, FormAsyncValidateOrFn<unknown> | undefined, any, FormAsyncValidateOrFn<unknown> | undefined, ... 5 more ..., { ...; }>

export function InventoryRegister({ data }: { data: ListInventoryRegisterAndMovementsByIDResponse }) {

  const tanForm = useAppForm(
    {
      defaultValues: {
        movements: data
      },
    }
  )

  return (
    <div className="flex flex-col space-y-4">
      <InventoryRegisterCard register={data.register} />
      <InventoryMovementTable movements={data.movements} form={tanForm} />
    </div>
  )
}

export const InventoryMovementTable = withForm({
  props: {
  },
  render: function Render({ form }) {...}
})