Use of history on angular instasearch

Hi there!
I want to put the elements in ais-refinement-list on the url when these are selected and when I enter to the page with a url with this values set the view of ais-refinement-list.

in this example when i enter to that url the value in ais-refinement-list isn’t set.
I’m using the following import

import { history as historyRouter } from “instantsearch.js/es/lib/routers”;

then I work with stateMapping to manage the parameters in the url but I don’t undertend it well.