react-redux-problem

//index.js
// Render the main component into the dom
ReactDOM.render(
    <Provider store={store}>
        <BrowserRouter>
            <div>
                {routes.rules.map((route, i) => (
                    <Rules key={i} {...route}/>
                ))}
            </div>
        </BrowserRouter>
    </Provider>
    , document.getElementById('app'));


//routes.js
exports.rules = [
    {
        path: '/',
        component: MainContainer
    },
    {
        path: '/app',
        component: AppContainer
    },
    {
        path: '/event/:id',
        component: EventContainer
    },
    {
        path: '/event/:id/join',
        component: EventJoinContainer
    }

];

////Redux store
import {connect} from 'react-redux';
import {mapDispatchToProps, mapStateToProps} from '../sources/app';

@connect(mapStateToProps, mapDispatchToProps)
class SampleClass {}


//app.js
export function mapStateToProps(state) {
    return {
        ...state
    };
}

export function mapDispatchToProps(dispatch) {
    const creators = Map()
        .merge(...actions)
        .filter(value => typeof value === 'function')
        .toObject();

    return {
        actions: bindActionCreators(creators, dispatch),
        dispatch
    };
}

//actions / reducers
//Exprotuje tablice i ją przekazuje