Gallery useTabs: using useAsyncFn instead of useCallback

masa-finance · Aug 23, 2023 · cf39003 · cf39003
1 parent 6102813
commit cf39003
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/refactor/ui/components/modals/gallery/useTabs.tsx b/src/refactor/ui/components/modals/gallery/useTabs.tsx
@@ -1,5 +1,6 @@
 import { BigNumber } from 'ethers';
-import React, { useCallback, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
+import { useAsyncFn } from 'react-use';
 import {
   GalleryMetadata,
   TabsInterface,
@@ -31,7 +32,7 @@ export const useTabs = () => {
 
   const [savedTabs, setSavedTabs] = useState<TabsInterface[]>();
 
-  const getTabs = useCallback(async () => {
+  const [, getTabs] = useAsyncFn(async () => {
     if (!customSBTs || (customSBTs && customSBTs.length === 0)) return;
 
     const newTabs: TabsInterface[] = [];