action-cable-messages-render.js

... // omitted other imports
import { selectMessagesByTeam } from './messagesSlice'
import { useSelector } from 'react-redux'
import MessageItem from './MessageItem'

const MessagesList = () => {
  
  ...

  const messages = useSelector((state) => selectMessagesByTeam(state, teamId))

  const renderedMessages =
    messages &&
    messages.map((message) => (
      <MessageItem key={message.id} message={message} />
    ))
  
  ...
  
}