How to type `form` ?

// page.tsx
function Page() {
  const form = useAppForm()

  return (
    <>
      <Filters /> // need to pass `form` prop
    </>
  )
}

// page.tsx
function Page() {
  const form = useAppForm()

  return (
    <>
      <Filters /> // need to pass `form` prop
    </>
  )
}

// filters.tsx
function Filters() {
  const { data: filtersData } = useQuery();
  
  return (
    <>
      {filterData.map((filter) => <Filter filter={filter} />)} // need to pass `form` prop
    </>
  )
}

// filters.tsx
function Filters() {
  const { data: filtersData } = useQuery();
  
  return (
    <>
      {filterData.map((filter) => <Filter filter={filter} />)} // need to pass `form` prop
    </>
  )
}

// filter.tsx
const Filter = withForm({
  defaultValues: formOpts.defaultValues,
  render: function Render({ form }) {
    return <form.AppField>
      {(field) => <div>
        …
      </div>}
    </form.AppField>
  }
});

// filter.tsx
const Filter = withForm({
  defaultValues: formOpts.defaultValues,
  render: function Render({ form }) {
    return <form.AppField>
      {(field) => <div>
        …
      </div>}
    </form.AppField>
  }
});