Где мне нужно добавить ключевой атрибут здесь?

Question

У меня есть два реагирующих компонента: внешний, называемый UserManagement, и другой, называемый UserList, который один раз используется в качестве подкомпонента. Я получаю это знакомое сообщение об ошибке в моей консоли Chrome:

Each child in an array or iterator should have a unique "key" prop. Check the render method of `UserList`.

Вот мой UserListМетод рендеринга:

render() {
  const { users, filteredUsers, filter } = this.props.userStore;
  return (
    <div>
      { filteredUsers.map(user=><div key={user.id}>{user.username}</div>) }
    </div>
  );
}

Как вы можете видеть, здесь нет ничего экзотического, и список работает должным образом, но все же есть вышеупомянутое сообщение об ошибке. Я также попытался изменить функции стрелок обратно на "oldschool" функции, кстати.

Это метод рендеринга моего внешнего компонента UserManagement где я использую UserList, как показано выше:

render() {
  const { users, filteredUsers, filter } = this.props.userStore;
  return (
    <div>
      <h4>User Management:</h4>
      <UserList userStore={this.props.userStore} />
    </div>
  );
}