Correct types for form to import into reusable component?

[MariuzM]

I'm trying to build reusable Input component and just having form.Field there, but struggling with passing correct types to form prop

[Balastrong]

This draft might help you: https://github.com/TanStack/form/pull/825/files#diff-b2e0803ded7363bf3432f160f7c7f6e9bf4f982ad13b08ecb4789c228774f956R22

[MariuzM]

Thank you this is what i needed!

[shinobu-uwu]

I know that this have been answer but when I try to import ReactFormApi it says Module '"@tanstack/react-form"' has no exported member 'ReactFormApi'. [2305], do you know why?

[shinobu-uwu]

Nevermind, I found out I can do this to get the correct typing

function MyComponent({ form }: { form: ReturnType<typeof useForm<MyValues>> }) {
    return (/* ...*/);
}

[Balastrong]

What version of form do you have installed? The type should be available

[shinobu-uwu]

^0.26.4, I updated to 0.37.1 and now the type is available. Thank you!