Prevent DataSearch/Downshift from generating a11y-status-message div

[teemukostamo]

Using ReactiveSearch & Datasearch component, some unwanted html is generated at the bottom of the page:

<div id="a11y-status-message" ...>

I'm assuming that's because ReactiveSearch uses Downshift under the hood. How can I prevent that div from being generated?

I've tried adding downshiftProps to DataSearch component:

      <DataSearch
        componentId="q"
        dataField={ELASTICSEARCH_SEARCH_FIELDS}
        ...
        downShiftProps={{
          getA11yStatusMessage: () => null,
        }}

but this only prevents the invisible <div>s from being generated inside the a11y-status-message div when user highlights the search field or starts typing.

Any other ways to get rid of the unwanted div, besides the somewhat unclean: document.getElementById("a11y-status-message").remove()?

Or can I disable Downshift entirely?

[teemukostamo]

This got answered here: downshift-js/downshift#1238