Don't Wait For Me

useEffect(() => {
  const staffListener = supabase
    .channel('staff-channel')
    .on(
      'postgres_changes',
      { event: 'INSERT', schema: 'public', table: 'staff' },
      async (payload) => {
        const { id } = payload.new;
        const { staff } = await fetchStaff(id);

        setNewStaff(staff![0]);
      }
    )
    .subscribe();

  return () => {
    supabase.removeChannel(staffListener);
  };
}, []);

useEffect(() => {
  newStaff && setStaffs([newStaff, ...staffs]);
}, [newStaff]);

🎵 Don't wait