action-cable-messagesSlice.js

// src/features/messages/messagesSlice.js

... // omitted imports

const messagesAdapter = createEntityAdapter()

const initialState = messagesAdapter.getInitialState({
  ...
})

... // omitted thunks

const messagesSlice = createSlice({
  name: 'messages',
  initialState,
  reducers: {
    messageReceived(state, action) {
      const data = action.payload.data
      const message = {
        id: data.id,
        ...data.attributes,
        teamId: data.relationships.team.data.id,
        userId: data.relationships.user.data.id,
      }
      messagesAdapter.addOne(state, message)
    },
  },
  extraReducers: {
    
   ...
    
  },
})

export const { messageReceived } = messagesSlice.actions

export default messagesSlice.reducer