Set initial state for members in hooks

ably · Jul 31, 2023 · 27b09f0 · 27b09f0
1 parent 67dbf9b
commit 27b09f0
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/demo-react/src/hooks/useMembers.ts b/demo-react/src/hooks/useMembers.ts
@@ -2,6 +2,9 @@ import { useEffect, useState, useContext } from 'react';
 import { type SpaceMember } from '@ably-labs/spaces';
 import { SpacesContext } from '../components';
 
+const membersToOthers = (members: SpaceMember[] = [], self: SpaceMember | undefined): SpaceMember[] =>
+  members.filter((m) => m.connectionId !== self?.connectionId);
+
 export const useMembers: () => Partial<{ self: SpaceMember; others: SpaceMember[]; members: SpaceMember[] }> = () => {
   const space = useContext(SpacesContext);
   const [members, setMembers] = useState<SpaceMember[]>([]);
@@ -11,6 +14,13 @@ export const useMembers: () => Partial<{ self: SpaceMember; others: SpaceMember[
   useEffect(() => {
     if (!space) return;
 
+    const initSelf = space.getSelf();
+    const initMembers = space.getMembers();
+
+    setSelf(initSelf);
+    setMembers(initMembers);
+    setOthers(membersToOthers(initMembers, initSelf));
+
     const handler = (members: SpaceMember[]) => {
       const self = space.getSelf();
       setSelf(self);