Redux вывод нескольких state вызывает undefined

есть хранилище и один reducer При вызове 2 action SHOW_POSTS и SHOW_TODOS, post выводятся в консоль а todos выводит undefined, я понимаю что state переопределяет объект, но не понимают как сделать чтобы не переопределял.

let initialState = {
  todos : ['buy milk', 'write code'],
  posts : ['weekly news']
}

function counter(state = initialState, action) {
  switch (action.type) {
    case 'SHOW_POSTS':
      return state.posts
      break;
    case 'SHOW_TODOS':
      return state.todos
      break;
    case 'ADD_TODO':
      return {
        todos: [...state, action.payload]
      }
      break;
    default:
      return state
  }
}

let store = createStore(counter)
store.subscribe(() => console.log(store.getState()))
console.log('show posts:')
store.dispatch({ type: 'SHOW_POSTS' })
console.log('show todos:')
store.dispatch({ type: 'SHOW_TODOS' })