react-instantsearch | ⚡️ Lightning-fast search | Frontend Framework library

I am using Reactjs and having an issue with syncing data from Firestore to Typesense. I am following this documentation and the whole process of what i've done is here: https://typesense.org/docs/guide/firebase-full-text-search.html#step-1-run-typesense

Additionally, the following are the configurations I've done for my project based on the link above.

• Set up a Cloud Firestore database in my Firebase project.

• Setup a Typesense server (Self-Hosted)

• Setup a Typesense Collection through the API.

• Querying the data using simple search parameters

• The Instantsearch Adapter adapter is already installed and configured

The issue: it won't render the data and is having this error: Typesense - Network error

Here's the code:

I have an odd problem where a dynamic link inside a component works in most places on the site (static pages), but not inside a particular React Component - Algolia InstantSearch (functionally very similar to this component: https://github.com/algolia/react-instantsearch/blob/master/examples/next/components/app.js).

I've tried using the 'usual' Link component, i.e:

I'm using Algolia's react instant search and I want to know what code I can use that'll send me to a specific page when I click on a "hit" from the hits widget. I'm using Next.js.

Code:

I'm using React InstantSearch in Algolia and i'm trying to get it hide its "hits" component by default and only show up when its time to use and click on the searchBox.

I started my research here: https://www.algolia.com/doc/guides/building-search-ui/going-further/conditional-display/react/?client=jsx#handling-the-empty-query

I was able to use the query, but couldn't figure out how to apply it to the "hits" component.

So far I have this in my code:

So I'm trying to grab all the jobs available in the UK from this site: https://www.ubisoft.com/en-us/company/careers/search?countries=gb and when going into the network setting there is a json file with the data needed https://avcvysejs1-dsn.algolia.net/1/indexes/*/queries?x-algolia-agent=Algolia%20for%20JavaScript%20(4.8.4)%3B%20Browser%20(lite)%3B%20JS%20Helper%20(3.3.4)%3B%20react%20(16.12.0)%3B%20react-instantsearch%20(6.8.3)&x-algolia-api-key=1291fd5d5cd5a76a225fc6b00f7b296a&x-algolia-application-id=AVCVYSEJS1 and it uses Request Method: POST

However when I wrote a script to get that data

I am trying to make use of this guide to create a dropdown refinementlist instead of the default. I first created a Dropdown.js with contents form here

I just started using Algolia with React Native and Expo and I would like to integrate it in my mobile App.

I'm stucked, lost... I'm using gatsby-plugin-algolia, when I search, the empty fields are filtered. They are generated by the PostPreview component.

my archive.js in templates folder (to list blog posts):

**

MenuOverlay.js source code

**