Inconsistent state change when browser tab is switched in `useSelect`

- `downshift` version: 6.0.5
- `node` version: latest
- `npm` (or `yarn`) version: latest

**Relevant code or config**
Simple implementation of a Select component using `useSelect` hook. Behaviour is visible in your [example implementation](https://codesandbox.io/s/useselect-usage-forked-cikep)

**What you did**:

* Open the Select dropdown
* Switch back and forth with another browser tab

**What happened**:

The Select dropdown stays open / collapses inconsistently, meaning sometimes it stays open and sometimes is closes

**Reproduction repository**:

https://codesandbox.io/s/useselect-usage-forked-cikep

**Problem description**:

Inconsistent state change in `useSelect` when switching browser tabs

**Suggested solution**:

I don't think there is a clear industry standard for this behaviour. As far as I tested `useCombobox` does collapse on tab switch, so maybe that's will be good here too. If not too difficult, could create a prop to manipulate it.