chore: add missing dependencies to memoized components

AXeL-dev · Nov 5, 2022 · 65fb56a · 65fb56a
1 parent dbd4220
commit 65fb56a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/ui/components/pages/Home/ChannelRenderer/ChannelRenderer.tsx b/src/ui/components/pages/Home/ChannelRenderer/ChannelRenderer.tsx
@@ -75,6 +75,7 @@ function propsAreEqual(
   return (
     prevProps.view === nextProps.view &&
     prevProps.channel.id === nextProps.channel.id &&
+    prevProps.count === nextProps.count &&
     prevProps.total === nextProps.total &&
     prevProps.isLoading === nextProps.isLoading &&
     prevProps.itemsPerRow === nextProps.itemsPerRow &&

diff --git a/src/ui/components/pages/Home/ChannelRenderer/ChannelTitle/index.tsx b/src/ui/components/pages/Home/ChannelRenderer/ChannelTitle/index.tsx
@@ -39,7 +39,10 @@ function propsAreEqual(
   prevProps: ChannelTitleProps,
   nextProps: ChannelTitleProps,
 ) {
-  return prevProps.channel.id === nextProps.channel.id;
+  return (
+    prevProps.view === nextProps.view &&
+    prevProps.channel.id === nextProps.channel.id
+  );
 }
 
 export default React.memo(ChannelTitle, propsAreEqual);