UserList.tsx

import React, { useEffect, useState } from 'react';
import { Configuration, User, UserResourceApi, UserRolesEnum } from "./api/src"; 

const config = new Configuration({
  basePath: window.location.origin,                  // 1
});
const userApi = new UserResourceApi(config);         // 2

const isAdmin = (user: User) => user.roles.includes(UserRolesEnum.ADMIN)

export function UserList() {
  const [users, setUsers] = useState<User[]>([]);

  useEffect(() => {
    userApi.allUsersUsingGET()                       // 3
      .then(resp => setUsers(resp));
  }, []);

  return <ul>
    {users.map(user =>
      <li key={user.email} className={isAdmin(user) ? 'admin' : 'user'}>
        {user.firstName} {user.lastName}
      </li>
    )}
  </ul>;
}