<repo_name>nishantrana2/UsersList<file_sep>/src/App.js
import React, { useContext } from 'react';

import Users from './components/Users/Users';

const App = props => {

  return <Users />

};

export default App;
<file_sep>/src/components/Users/UserList.js
import React from 'react';

import './UserList.css';

const UserList = props => {
  console.log('RENDERING USERLIST');
  return (
    <section className="user-list">
      <h2>Users List</h2>
      <ul>
        {props.users.map(ig => (
          <li key={ig.id} onClick={props.onRemoveItem.bind(this, ig.id)}>
           
            <div>{ig.first} {ig.last}</div>
            <div><h5>ID: {ig.unique}</h5></div>
            <div>{ig.description}</div>
          </li>
        ))}
      </ul>
    </section>
  );
};

export default UserList;
