change style on focus and disabled options

[f-bautista]

Hello, I am trying to add a style for when the user hovers over a disabled option. When I log the disabled option and focus state, the focus state only returns true for the first option available. Has any one else found a solution for a similar problem?

Thanks

        <Select
          options={options}
          onChange={handleOnChange}
          styles={{
            option: (base, state) => ({
              ...base,
              backgroundColor: state.isFocused && state.isDisabled ? '#f5f6f7' : base.backgroundColor,
            }),
          }}
        />