perf: optimize load of pagination items with caching

2022-08-24 17:22:55 +02:00
parent 19fc29ad47
commit ad64f1c571
16 changed files with 168 additions and 65 deletions
--- a/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
+++ b/components/Application/JoinGuildsPublic/JoinGuildsPublic.tsx
@ -22,12 +22,15 @@ export const JoinGuildsPublic: React.FC = () => {
    })

  useEffect(() => {
-    authentication.socket.on('guilds', (data: SocketData<GuildPublicType>) => {
-      handleSocketData({ data, setItems })
-    })
+    authentication?.socket?.on(
+      'guilds',
+      (data: SocketData<GuildPublicType>) => {
+        handleSocketData({ data, setItems })
+      }
+    )

    return () => {
-      authentication.socket.off('guilds')
+      authentication?.socket?.off('guilds')
    }
  }, [authentication.socket, setItems])