닉네임 부분이 잘못되어 있는 것 같습니다.

해당 강의 이후에 수정하시는지 모르겠지만 닉네임이 제대로 적용되어있지 않는 것 같습니다.

// MsgList.js
<MsgItem
  ...
  user={...}
/>

현재 해당 강의 시점에서 user을 넘기고 user.nickname으로 표시를 하게 되어 있는데 { id: 'roy', nickname: '로이' } 가 계속 넘어가서 닉네임이 '로이'로만 렌더링되고 있습니다.

// MsgList.js
<MsgItem
  ...
  users={users}
/>

// MsgItem
{users.find(user => user.id === userId).nickname}

저는 일단 이런식으로 수정하였는데 닉네임 부분 한번 확인 부탁드립니다! 혼동이 올 수도 있을 것 같습니다 ㅎㅎ..