updating querystring with query value

[mausinc]

hi, thanks so much for the example.
i am trying to get this working with the query parameter in the url. is this possible?

i can find in the documentation of the autocomplete lib some information about state

 initialState: {
      // This uses the `search` query parameter as the initial query
      query: new URL(window.location).searchParams.get('query'),
    },
    
    onStateChange({ state }) {
      console.log(state);
    },

This doesn't seem to work in the selectize version. Any help would be great!

[Haroenv]

Sorry, what is the selectize version? these examples are for autocomplete v1, which doesn't have any specific versions for frameworks

[mausinc]

i am using this sample : https://github.com/algolia/doc-code-samples/blob/master/instantsearch.js/query-suggestions/src/app.js

[Haroenv]

You can do that using routing: https://codesandbox.io/s/wizardly-river-39g2ic?file=/src/app.js

[mausinc]

thanks so much.
to give some background on our project, we worked with searcbbox and facets before. the querystring with query and refinementlist are essential. In the previous version we used below code for routing.

routing: {
  stateMapping: instantsearch.stateMappings.singleIndex(language.indexName)
}

After adding query suggestions, routing works but only for the facets. Adding routing:true to the suggestions method works and updates the url but overwrites the facets querystring value.
Not sure if this is the place to ask, but is it wise to combine autocomplete and facets? If yes how to proceed?
thanks again!