TW-1166 Memoize a callback for useTimeout

madfish-solutions · Nov 14, 2023 · 55e5939 · 55e5939
1 parent 530cd7b
commit 55e5939
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/lib/notifications/components/notifications/index.tsx b/src/lib/notifications/components/notifications/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 
 import { useDispatch } from 'react-redux';
 
@@ -24,7 +24,9 @@ export const Notifications = () => {
   const isEnabledAdsBanner = useIsEnabledAdsBannerSelector();
   const shouldShowPartnersPromoState = useShouldShowPartnersPromoSelector();
 
-  useTimeout(() => void dispatch(viewAllNotificationsAction()), VIEW_ALL_NOTIFICATIONS_TIMEOUT, true, [notifications]);
+  const viewAllNotifications = useCallback(() => void dispatch(viewAllNotificationsAction()), [dispatch]);
+
+  useTimeout(viewAllNotifications, VIEW_ALL_NOTIFICATIONS_TIMEOUT, true, [notifications]);
   useLoadPartnersPromo();
 
   return (