Function useSocketSubscribeList

src/client/api/socketio.ts:159–191

(name: K, options: UseSocketSubscribeListOptions<K, T> = {})

}
const defaultFilter = () => true;
export function useSocketSubscribeList<
  K extends keyof SubscribeEventMap = keyof SubscribeEventMap,
  T = SubscribeEventData<K>,
>(name: K, options: UseSocketSubscribeListOptions<K, T> = {}): T[] {
  const { filter = defaultFilter } = options;
  const { subscribe } = useSocket();
  const isLogined = useIsLogined();
  const [list, push] = useReducer(
    (state: T[], data: T) => [...state, data],
    [] as T[]
  );

  const cb = useEvent((_data) => {
    if (filter(_data)) {
      push(_data);
    }
  });

  useEffect(() => {
    if (!isLogined) {
      console.warn('Skip socket subscribe login because of not login');
      return;
    }

    const unsubscribe = subscribe(name, cb);

    return () => {
      unsubscribe();
    };
  }, [name]);

  return list;
}