react-select does not scroll into view selected option

I expect that the following will result in the selected option being shown as soon as the dropdown is opened. It does not. It highlights the selected option but you have to scroll to it in order to see it.

<Select
   options={[...Array(121).keys()].map(num => {return {value: num, label: num}})}
   value={{label: 20, value: 20}}
   isOptionSelected={(option) => (option.value == 20) ? true : false}
 />

[akinorimiz]

You can use a custom component.

const Option = (props) => {
    const ref = useRef();

    useEffect(() => {
        props.isSelected && ref.current.scrollIntoView();
    }, [props.isSelected]);

    return (
        <components.Option {...props} innerRef={ref} />
    );
};

[russyDev]

Issue still exist