Formik: Issue with Typescript Definitions using withFormik()

[mattoni]

Current Behavior

Recently upgraded from v0.11.11 to 1.0.3. When attempting to build, my forms that
were once building now have the following typescript error:

Property 'registerField' is missing in type 'SingleStepProps & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { children?: ReactNode; }'.

Steps to Reproduce

Build SFC component
export const MyForm: SFC<OtherFormProps & FormikProps<FormValues>>

then attempt to wrap it in withFormik().

Expected behavior

Typescript should still compile

Suggested solution(s)

Not sure what's wrong with the definitions that's causing it.

Additional context

The error is actually quite long and I have no idea how to decipher this, but it worked on previous versions of Formik.

---

• Formik Version: 1.0.3
• React Version: 16.4.2
• TypeScript Version: 3.0.1
• Browser and Version: Firefox 61.0.2
• OS: Mac
• Node Version: 8.9.1
• Package Manager and Version: 6.1.0

[jaredpalmer]

Hrmmm. Let me look into this.

[andiriedl]

I've got the same Error when trying to compile the provided Example:

https://github.com/jaredpalmer/formik#withformik

TS2345: Argument of type '(props: OtherProps & FormikSharedConfig & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { registerField(name: string, fns: { ...; }): void; unregisterField(name: string): void; }) => Element' is not assignable to parameter of type 'CompositeComponent<InjectedFormikProps<MyFormProps, FormValues>>'.
  Type '(props: OtherProps & FormikSharedConfig & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { registerField(name: string, fns: { ...; }): void; unregisterField(name: string): void; }) => Element' is not assignable to type 'StatelessComponent<InjectedFormikProps<MyFormProps, FormValues>>'.
    Types of parameters 'props' and 'props' are incompatible.
      Type 'MyFormProps & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { children?: ReactNode; }' is not assignable to type 'OtherProps & FormikSharedConfig & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { registerField(name: string, fns: { ...; }): void; unregisterField(name: string): void; }'.
        Type 'MyFormProps & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { children?: ReactNode; }' is not assignable to type '{ registerField(name: string, fns: { validate?: ((value: any) => string | Function | Promise<void> | undefined) | undefined; }): void; unregisterField(name: string): void; }'.
          Property 'registerField' is missing in type 'MyFormProps & FormikState<FormValues> & FormikActions<FormValues> & FormikHandlers & FormikComputedProps<FormValues> & { children?: ReactNode; }'.

My Versions:

• Formik Version: 1.1.1
• React Version: 16.4.2
• TypeScript Version: 3.0.1
• OS: Ubuntu 18.04
• Node Version: 10.9.0
• Npm Version: 6.4.0

[nonameolsson]

Any update on this? I'm also getting this issue.

[nonameolsson]

Added more details in #862

[jaredpalmer]

Looking at this now. I think I know what happened.

[mattoni]

Hi @jaredpalmer, did you end up finding the issue? Looking forward to getting rid of these build errors :)

[jaredpalmer]

This has been fixed

[vapstor]

Looking at this now. I think I know what happened.

clarify please