Hi, I have decided to use Algolia to build out the world’s first crowdsourcing site for scientific controversies. It’s a very exciting project about 5 or 6 years in the making now, and based upon my dozen years embedded with a group of against-the-mainstream theorists struggling to be heard out.
I have truly enjoyed working with your product up to this point. The documentation has been brilliant and the React components have just worked …
… that is, at least until it came time to implement this higher-order component (HOC). I spent a few hours last night struggling with an obscure React/Webpack error message. This message leaves me with no idea of how to proceed.
My use case for needing to use
createConnector() is that I am getting a flash of incorrect search result content when the results from hitting the first character return. This is because I have already set up the Algolia / React Router integration, which exposed searchState for me. When I use
this.state.searchState to conditionally display
<Hits />, there is a bit of a time gap between this query change and the results change. And I assume that this is what is creating the flash of incorrect search result.
If the site is working, you should be able to observe this behavior by just typing a search into the search box at
What is hurting me here is that there are no complete examples – seemingly on the entire Internet – for how to hook up these
createConnector() HOC’s. If I could just see a complete example for how this works, I’d be off to the races in a few seconds.
All I have are the snippets here …
… the problem being that the connections are half the battle. I really can’t tell from this snippet if I am connecting
My expected behavior is that when there is no search, there should be no search results and no search query parameters visible. It should be a very simple search box with an icon when somebody lands on the page.
Here is the component for that homepage …