function UserResults() { const appContext = useContext(GithubContext) const { users, loading, fetchUsers } = appContext useEffect(() => { fetchUsers() }, [fetchUsers]) if (!loading) { return ( <div className='grid grid-cols-1 gap-8 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2'> {users.map((user : User) => ( <UserItem key={user.id} user={user} /> ))} </div> ) } else { return <Spinner /> } }