eslint no-unused-var triggers on AppField rendering (vite/react/js)

Any idea why would

pnpm create vite my-react-app --template react

pnpm create vite my-react-app --template react

with tanstack form mark this field as unused var?
Ofc it goes away if I destruct

const { Component } = field;

const { Component } = field;

, but I prefer to keep this inlined.

<form.AppField name="{name}">
  {(field) => (
  <field.GroupCheckboxField tableCols="{tableCols}" />
  )}
</form.AppField>

<form.AppField name="{name}">
  {(field) => (
  <field.GroupCheckboxField tableCols="{tableCols}" />
  )}
</form.AppField>