Using Typesense in a React App and Troubleshooting Postman Requests
TLDR asada inquired about using typesense-js
in a React app. Jason confirmed its usage and addressed how to replace pre-built search UI components. Additionally, Jason helped Vasudev with troubleshooting a Postman request format issue.
1
1
Sep 25, 2022 (15 months ago)
asada
11:28 AMtypesense-instantsearch-adapter
or any library like instantsearch.js
? Would I lose any feature like caching or autocomplete if I do this?Jason
09:33 PMtypesense-js
directly in your react app.Jason
09:33 PMJason
09:34 PM1
Sep 26, 2022 (15 months ago)
Vasudev
06:48 AMAPI call that is made is browser by itself is like :-
http://localhost:8081/multi_search?x-typesense-api-key=abc
Vasudev
06:48 AM{
"message": "Bad JSON."
}
Vasudev
06:50 AMJason
12:35 PMVasudev
01:03 PMJason
01:04 PMVasudev
01:05 PMVasudev
01:05 PMJason
01:06 PMVasudev
01:06 PMVasudev
01:07 PM{
"message": "Missing `searches` array."
}
Vasudev
01:07 PMJason
01:42 PMVasudev
01:43 PM{
"x-typesense-api-key":"abc",
"collection_name":"collection1"
}
Jason
01:44 PMVasudev
01:46 PMVasudev
01:46 PM1
Typesense
Indexed 3015 threads (79% resolved)
Similar Threads
Issues with Typesense Frontend Search Integration
Akash experienced issues integrating Typesense into their frontend search, particularly with their search box. Jason guided them to troubleshoot, eventually identifying the issue to be with react-instantsearch-dom and suggesting a downgrade to react 17, which resolved the issue.
Issue with Typesense Adapter in React Search Box
Nikunj encountered an error with Typesense adapter, and Jason suggested using 'typesense-js' for building their custom UI.
Implementing State Export Feature Using Typesense InstantSearch.js on Node.js Backend
Kyle needed help passing search state to backend for implementing an "Export" feature, while using Typesense InstantSearch. Jason provided multiple solutions including advice on using Typesense InstantSearch adapter. The issue was resolved after some iteration.
Connecting React Instant Search with Typesense Adapter
KARTHICK sought help with an error when using Typesense Adapter for React Instant Search. Jason advised substituting import statements. After uninstalling the react-instantsearch-dom package, KARTHICK resolved the issue.
Using TypesenseInstantSearchAdapter in React App
Vasudev required application id to build a react app using algoliasearch. Kishore Nallan explained Typesense needs an API key and host and suggested checking an example. Further, Jason clarified that create-instantsearch-app will generate necessary scaffold including app id.