onChange issue with typescript

[teifler]

Hey fellow hackers,

I have the following issue I have a react select field and I want to add a onChange function but if I set the type to Props I get the following error message:

TS2769: No overload matches this call.
Overload 1 of 2, '(props: { form?: string | undefined; name?: string | undefined; ref?: Ref<Select<unknown, boolean, GroupBase>> | undefined; 'aria-errormessage'?: string | undefined; ... 67 more ...; defaultMenuIsOpen?: boolean | undefined; } & { ...; } & { ...; }): ReactElement<...>', gave the following error.
Type '(arg0: string[]) => void' is not assignable to type '(newValue: unknown, actionMeta: ActionMeta) => void'.
Types of parameters 'arg0' and 'newValue' are incompatible.
Type 'unknown' is not assignable to type 'string[]'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<StateManagedSelect, any, {}, never, StateManagedSelect, StateManagedSelect>): ReactElement<...>', gave the following error.
Type '(arg0: string[]) => void' is not assignable to type '(newValue: unknown, actionMeta: ActionMeta) => void'.

React Select Code

onChange function:

Props Interface and options

If I use any in the onChange function it works but I want to use a type.. I tried to fix this issue since two hours any help is much appreciated!

Thanks,
Tim

[manjushsh]

can you share a Code sandbox link?

[teifler]

Hey Manjush,

I tried to get the project on codesandbox but I get weird errors.. Maybe anyone can help with that, is that related to the package json?
https://codesandbox.io/s/cool-ives-hf7mpr?file=/.eslintrc.js:497-551