update

src/hooks/useAlgoliaSearch.js

@@ -0,0 +1,51 @@
+import { useEffect, useState } from "reactn";
+
+import algoliasearch from "algoliasearch/lite";
+
+export default ({
+  query = "",
+  options = {},
+  algoliaObject: { index = null, projectID, publicKey },
+  documentID = "id",
+}) => {
+  const [result, setResult] = useState([]);
+  const [indexAlgolia, setIndexAlgolia] = useState(null);
+
+  useEffect(() => {
+    if (!indexAlgolia) {
+      setIndexAlgolia(algoliasearch(projectID, publicKey).initIndex(index));
+    }
+
+    return () => {
+      setIndexAlgolia(null);
+    };
+  }, [index]);
+
+  useEffect(() => {
+    if (indexAlgolia) {
+      getSearchResult();
+    }
+  }, [query, indexAlgolia]);
+
+  const getSearchResult = async () => {
+    try {
+      if (query.length > 1) {
+        const { hits } = await indexAlgolia.search(query, options);
+
+        setResult(
+          hits.map((itemHit) => ({
+            ...itemHit,
+            [documentID]: itemHit.objectID,
+          }))
+        );
+      } else {
+        setResult([]);
+      }
+    } catch (e) {
+      setResult([]);
+      console.log("ALGOLIA" + e);
+    }
+  };
+
+  return result;
+};