× TypeError: Cannot read property 'map' of undefined. found error

Issue

Can anyone pls help me out with this problem?

const Users = ({ users, loading }) => {
  if (loading) {
    return <Spinner />
  } else {
    return (
      <div style={userStyle}>
        {users.map((user) => (
          <UserItem key={users.id} user={user} />
        ))}
      </div>
    )
  }
}

Solution

use conditional operator && on before map

const Users = ({ users, loading }) => {
  if (loading) {
    return <Spinner />
  } else {
    return (
      <div style={userStyle}>
        {users && users.map((user) => (
          <UserItem key={user.id} user={user} />
        ))}
      </div>
    )
  }
}

Answered By - prasanth