detachedMediaQuery doesn't persist setQuery in the search bar input

Description

In a React implementation of autocomplete, when setting the query in an item’s onSelect, it does not persist in the search bar input’s value when you have detachedMediaQuery always on (detachedMediaQuery: '').

Reproduction

https://codesandbox.io/s/react-algolia-autocomplete-2-u9wqv?file=/src/App.js

Steps

1. Click on the search bar
2. Scroll to the “Can’t find what you’re looking for?” section at the bottom
3. Click one of the query suggestions, like ‘macbook’
4. Scroll back up to see the search bar input. The search bar input should be blank.

Expected behavior

The value in the search bar input should persist when updating the query via setQuery in an onSelect, even if detached mode is on.

Environment

• OS: macOS
• Browser: Chrome, Safari, Firefox
• Autocomplete version: 1.1.0

[francoischalifour]

Yeah, it should fill the query with the item’s value. We’ll investigate why this happens. Thanks again.

[chuckmeyer]

This issue exists with the code Algolia supplies alongside this blog post: https://www.algolia.com/blog/ux/replicating-the-algolia-documentation-search-with-autocomplete/

The code only works because it is pinned to a specific commit (https://codesandbox.io/s/algoliaautocomplete-example-preview-panel-in-modal-zhhp8?file=/app.tsx)

It will not work with modern/official releases of Autocomplete due to the above issue.