Strict mode gives weird ts errors
hello, why do i get
Binding element 'isSubmitting' implicitly has an 'any' type and Parameter 'field' implicitly has an 'any' type. for every field or state in the form. form works and i see correct types when hover, no any at allimport { createFormHook, createFormHookContexts, formOptions } from '@tanstack/react-form'
export const { fieldContext, formContext, useFieldContext, useFormContext } = createFormHookContexts()
export const { useAppForm, withForm } = createFormHook({
fieldContext,
formContext,
fieldComponents: {},
formComponents: {},
})
export const formOpts = formOptions({
defaultValues: {
source: '',
originalText: '',
target: '',
numberOfVersions: 1,
},
})
export const FormCopy = withForm({
...formOpts,
props: {
dropdownOptions: { targetLanguages: [] },
},
render: ({ form, dropdownOptions }) => {
return (
<div>
<form>
<form.Field name="originalText" children={field => <textarea value={field.state.value} />} />
<form.Field
name="target"
children={field => (
<select value={field.state.value} required onChange={e => field.handleChange(e.target.value)}>
{dropdownOptions.targetLanguages.map((language: any) => (
<option key={language.code} value={language.code}>
<p slot="label">{language.label}</p>
</option>
))}
</select>
)}
/>
<form.Subscribe
selector={state => [state.canSubmit, state.isSubmitting]}
children={([canSubmit, isSubmitting]) => (
<div>
<button type="submit" disabled={!canSubmit}>
<div>
<div />
{isSubmitting ? 'Submitting...' : 'Submit'}
</div>
</button>
</div>
)}
/>
</form>
</div>
)
},
})
