Как правильно использовать react-router и redux в одностраничном приложении?

Антон Спирин, Сергей,
У меня есть shared state с двумя ключами под два режима игры, а как с этим стейтом быть в компонантах? Я вот о чём.
У меня есть компонент, который используется в обоих режимах, допустим UserInfo.

class UserInfo extends React.Component {
    render (
        return <div>{ this.props.userName }, { this.props.userLevel }</div>
    )
}

Что должно быть в mapStateToProps? Ведь теперь информация для компонента хранится в разных ключах shared state'а.
Как получить в компонент не весь state, а только нужный кусок? Делать через передачу props из родителя?
Раньше я мог написать просто:

function mapStateToProps(state) {
    return {
        userLevel: state.game.userLevel
    }
}

Как правильно использовать react-router и redux в одностраничном приложении?

А в чем вопрос? Не знаете как хранилище объединить?

Я недавно в экосистеме реакта, поэтому пока не понимаю как правильно использовать инструментарий.

Т.е. объединить стейты в одном сторе мне в голову пришло, но во-первых я действительно не понимаю как это правильно сделать с роутером, а во-вторых не понимаю правильный ли это подход в целом.

В интернете все почему-то делают todo app, и никто не делает игр, даже подсмотреть не у кого.