How to avoid onSelectedItemChange running clicking on Item in combobox?

[tetianaman]

I want to click at the pencil icon and execute handleIconClick only, but onSelectedItemChange runs also and e.nativeEvent.preventDownshiftDefault = true; doesn't help. How can I prevent running the onSelectedItemChange?

export const CustomItemRenderer = forwardRef<...>((props, ref) => {
        const handleIconClick = (e) => {
            console.log('item handleEditClick');
            e.nativeEvent.preventDownshiftDefault = true;
        };

        return (
            <div ref={ref} {...props} >
                <div>{item.title}</div>
                <IconButton onClick={handleIconClick} />
            </div>
        );
});

export const Autocomplete = (...) => {
        ...
        const { ... } = useCombobox({
            ...
            onSelectedItemChange({ selectedItem }) {
                console.log('autocomplete onSelectedItemChange');
            },
        });
        ...
};

Console:
item handleEditClick
autocomplete onSelectedItemChange