Is there a way to get currentRefinement inside CustomHits implemented via connectHits?

[garrrikkotua]

My problem is that I want to show current search query as one of the hits (in some situations). It is possible to do with CustomHits? If not, that other methods I can use?

Thanks!

[Haroenv]

You can use transformItems for that:

instantsearch.widgets.hits({
          container,
          transformItems(items, metadata) {
            return [
              {
                objectID: '_query',
                __position: 0,
                // choose an attribute you would use in the template, here "name"
                name: metadata.results?.query,
                // also add this to highlight, so you can use the same template
                _highlightResult: {
                  name: {
                    value: metadata.results?.query!,
                    matchLevel: 'none',
                    matchedWords: [],
                  },
                },
              },
              ...items,
            ];
          },
        })

[garrrikkotua]

Thanks!

But I actually realized I asked it in a wrong repo :) Is there the same funcionality in react-istantsearch?

Sorry for that :)

[Haroenv]

for React InstantSearch hooks, yes it's the same, for React InstantSearch dom/core the query can be retrieved from connectStateResults in a wrapper component