Przeglądaj źródła

Updated Search Modal Utils to utilize useCallback

maeshinshin 2 lat temu
rodzic
commit
ae58b66680

+ 5 - 3
apps/app/src/features/search/client/stores/search.ts

@@ -1,3 +1,5 @@
+import { useCallback } from 'react';
+
 import type { SWRResponse } from 'swr';
 import type { SWRResponse } from 'swr';
 
 
 import { useStaticSWR } from '~/stores/use-static-swr';
 import { useStaticSWR } from '~/stores/use-static-swr';
@@ -17,9 +19,9 @@ export const useSearchModal = (status?: SearchModalStatus): SWRResponse<SearchMo
 
 
   return {
   return {
     ...swrResponse,
     ...swrResponse,
-    open: (keywordOnInit?: string) => {
+    open: useCallback((keywordOnInit?: string) => {
       swrResponse.mutate({ isOpened: true, searchKeyword: keywordOnInit });
       swrResponse.mutate({ isOpened: true, searchKeyword: keywordOnInit });
-    },
-    close: () => swrResponse.mutate({ isOpened: false }),
+    }, [swrResponse]),
+    close: useCallback(() => swrResponse.mutate({ isOpened: false }), [swrResponse]),
   };
   };
 };
 };