Formik isInvalid form control string-possibility are not liked by ChakraUI typings

[wethinkagile]

Bug report

Current Behavior

Formik String possibility is not liked by ChakraUI boolean typings:

<FormControl isInvalid={form.errors.name && form.touched.name}>

Expected behavior

Building the app fails with same info as in my IDE:

TS2322: Type 'boolean | "" | FormikTouched<any> | FormikTouched<any>[] | undefined' is not assignable to type 'boolean | undefined'.   Type '""' is not assignable to type 'boolean | undefined'.  form-control.d.ts(22, 5): The expected type comes from property 'isInvalid' which is declared here on type 'IntrinsicAttributes & OmitCommonProps<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof FormControlProps> & FormControlProps & OmitCommonProps<...> & { ...; }'

Reproducible example

not necessary

Suggested solution(s)

Typing for ChakraUI need type safety with booleans for isInvalid form control

Additional context

Workaround/Hack

<FormControl isInvalid={!(!form.errors.name) && !(!form.touched.name)}>`

Related

#3152

Your environment

Software	Version(s)
Formik	2.2.9
React	17.0.2
TypeScript	4.5.4
Browser	Mozilla
npm/Yarn	1.22.17
Operating System	Arch