Types migration guide

[popuguytheparrot]

Hi. Where i can find a types migration guide from v4 to v5?

I cant find OptionTypeBase analog

[Rall3n]

Hello @popuguytheparrot,

there is no analog for OptionsTypeBase because there is no need for it anymore.

As stated in the upgrade guide for v4 -> v5:

Options can be any type (if using getOptionValue and getOptionLabel) so there's no longer a base type for options

[popuguytheparrot]

I have annotation like this

  onChangeNewProduct: (value: OpportunityApi.OpportunityForCreateEntity, action?: ActionMeta<OptionTypeBase>) => void;

[Methuselah96]

You can use unknown in place of OptionTypeBase there.

[popuguytheparrot]

TS2769: No overload matches this call.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type 'MutableRefObject<HTMLSelectElement | undefined>' is not assignable to type 'Ref<Select<unknown, boolean, GroupBase<unknown>>> | undefined'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type 'boolean | undefined' is not assignable to type 'boolean'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type '(props: ISuggestion) => JSX.Element' is not assignable to type 'GetOptionLabel<unknown>'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type '(option: ISuggestion) => string' is not assignable to type 'GetOptionValue<unknown>'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type '(option: ISuggestion) => boolean | undefined' is not assignable to type '(option: unknown, selectValue: Options<unknown>) => boolean'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type '{ clearIndicator: (styles: CSSProperties) => { cursor: string; alignContent?: Property.AlignContent | undefined; alignItems?: Property.AlignItems | undefined; alignSelf?: Property.AlignSelf | undefined; ... 779 more ...; vectorEffect?: Property.VectorEffect | undefined; }; dropdownIndicator: (styles: CSSProperties) ...' is not assignable to type 'StylesConfig<unknown, boolean, GroupBase<unknown>>'.
Overload 2 of 2, '(props: StyledComponentPropsWithAs<AsyncSelect, any, { invalid: boolean; }, never, AsyncSelect, AsyncSelect>): ReactElement<...>', gave the following error.
Type '{ ValueContainer: (props: any) => JSX.Element; MultiValue: (props: MultiValueProps<any>) => JSX.Element; SingleValue: (props: any) => JSX.Element; Menu: (props: MenuProps<any, boolean>) => JSX.Element; MenuList: (props: MenuListProps<any, boolean>) => JSX.Element; Option: (props: OptionProps<...>) => JSX.Element; Op...' is not assignable to type 'Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>>'.
Object literal may only specify known properties, and 'OptionLabel' does not exist in type 'Partial<SelectComponents<unknown, boolean, GroupBase<unknown>>>'.

[Methuselah96]

Can you provide a code sample that reproduces this error?