fix: use memo

decentraland · Dec 5, 2023 · 4f031b2 · 4f031b2
1 parent 00ee6e3
commit 4f031b2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Notifications/Notifications.tsx b/src/components/Notifications/Notifications.tsx
@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { useMemo } from 'react'
 
 import NotificationsFeed from './NotificationsFeed'
 import { ActiveTab, DCLNotification, NotificationLocale } from './types'
@@ -34,9 +34,9 @@ export default function Notifications({
   onChangeTab,
   onBegin
 }: NotificationsProps) {
-  const newNotificationsCount = items.filter(
-    (notification) => !notification.read
-  ).length
+  const newNotificationsCount = useMemo(() => {
+    return items.filter((notification) => !notification.read).length
+  }, [items])
 
   return (
     <div className="dcl notifications">