Implementation in the client side

Users.js

const Users = () => {
  const [users, setUsers] = useState([]);
  const [nameSearch, setSearchUserInput] = useState("ad");
  const [userTypeFilter, setUserTypeFilter] = useState("all");
  const [fetchUsers, { loading, error, data }] = useLazyQuery(ALL_USERS, {
    variables: {
      input: {
        name: nameSearch,
        userType: userTypeFilter
      }
    }
  });

  useEffect(() => {
    data && setUsers(data.allUsers);
  }, [data]);

  useEffect(() => {
    fetchUsers();
  }, [nameSearch, userTypeFilter]);

  return (
    <div>
    </div>
  );
};