Function UsersContext

packages/contexts/src/Users.tsx:11–23

({ children }: Props)

}

export const UsersContext = ({ children }: Props) => {
  const [allUsers, setUsers] = useState<SerializedUser[]>([]);

  function addUsers(users: SerializedUser[]) {
    setUsers((allUsers) => {
      return unionBy(allUsers, users, 'id') as SerializedUser[];
    });
  }

  return (
    <Context.Provider value={[allUsers, addUsers]}>{children}</Context.Provider>
  );
};

export const useUsersContext = () => useContext(Context);