usecallback for explore

desci-labs · Sep 18, 2023 · 70e936e · 70e936e
1 parent 74c186e
commit 70e936e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/pages/explore.tsx b/pages/explore.tsx
@@ -1,5 +1,5 @@
 import type { NextPage } from "next";
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useCeramicContext } from "@/context";
 import { ROProps } from "@/types";
 import Head from "next/head";
@@ -15,14 +15,14 @@ const ExplorePage: NextPage = () => {
   const { composeClient } = clients;
   const [objects, setObjects] = useState<ROProps[] | []>([]);
 
-  const getResearchObjects = async () => {
+  const getResearchObjects = useCallback(async () => {
     const researchObjects = await queryResearchObjects(composeClient);
     setObjects(researchObjects);
-  };
+  }, [composeClient]);
 
   useEffect(() => {
     getResearchObjects();
-  }, []);
+  }, [getResearchObjects]);
 
   return (
     <>