FieldArray in typescript

[othmanekahtal]

Hi 👋
I got an error when using formik FieldArray component in react Typescript:

'FieldArray' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<FieldArrayConfig, any, any> | null' is not a valid JSX element.
    Type 'Component<FieldArrayConfig, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<FieldArrayConfig, any, any>' is not assignable to type 'ElementClass'.
        The types returned by 'render()' are incompatible between these types.
          Type 'React.ReactNode' is not assignable to type '../node_modules/@types/hoist-non-react-statics/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.```

[fivethreeo]

React 18 types maybe?

[othmanekahtal]

When I remove React strict mode , it's work 🚀

[Tomekmularczyk]

I'm having the latest typing and react version, but still get this error:

"@types/react": "^18.2.7",
 @types/react-dom": "^18.2.4",

[sebastiansas1]

For anyone still trying to fix this error, try this:

const FormikFieldArray = FieldArray as React.FunctionComponent<FieldArrayConfig>

Then use FormikFieldArray as the compoment.