silphius/app/hooks/use-packet.js

import {useContext, useEffect} from 'react';

import ClientContext from '@/context/client.js';

export default function usePacket(type, fn, dependencies) {
  const client = useContext(ClientContext);
  useEffect(() => {
    if (!client) {
      return;
    }
    client.addPacketListener(type, fn);
    return () => {
      client.removePacketListener(type, fn);
    };
  }, [client, ...dependencies]);
}