Unable to work with Redux

i tried to implement next.js with redux.but it is not working. why is that? this is what i tried so far…

import React, { Component } from 'react';
import withRedux from 'next-redux-wrapper'
import Header from '../components/layout/header';
import Navbar from '../components/layout/navbar';

import { createStore, bindActionCreators } from 'redux';

const exampleInitialState = {
  count: 0
}

const addCounter = (value) => dispatch => {
  return dispatch({
      type: 'ADD',
      payload: value
    })
}

const reducer = (state = exampleInitialState, action) => {
  switch (action.type) {
    case "ADD":
      const newCount = state.count + action.payload;
      return Object.assign({}, state, { count: newCount });
    default:
      return state;
  }
}

const store = () => createStore(reducer, exampleInitialState);


class Home extends Component {

  addCount() {
    this.props.addCount();
    console.log(store().getState());
  }

  render() {
    return (
      <div>
        <Header />
        <Navbar />

        <div className="columns top-container">
          <div className="column">
            <h1>Count: {this.props.count}</h1>
            <button className="button is-primary" onClick={this.addCount.bind(this)}>Click Me</button>
          </div>
        </div>

        <style jsx>{`
          .top-container {
            background: radial-gradient(ellipse at center, rgba(87,73,214,1) 0%, rgba(70,59,173,1) 100%);
            color: #FFF;
            padding: 15px;
            height: 500px;
            max-height: 500px;
          }
      `}</style>
      <style global jsx>{`
        body, button, input, select, textarea {
          font-family: 'Fira Sans', sans-serif;
        }
    `}</style>
      </div>
    )
  }
}

const mapStateToProps = (state) => {
  return {
    count: state.count
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    addCount : () => bindActionCreators(addCounter(1), dispatch)
  }
}

export default withRedux(store, mapStateToProps, mapDispatchToProps)(Home);

[Chathula]

Ok just fixed it… using this…

const reduxDevtools = typeof window !== 'undefined' && window.__REDUX_DEVTOOLS_EXTENSION__() && window.__REDUX_DEVTOOLS_EXTENSION__();
const composeEnhancers = reduxDevtools || compose;


const store = () => createStore(reducer, exampleInitialState, composeEnhancers);

[ozluy]

check this repo it guess I made a nice configuration https://github.com/ozluy/play-with-nextjs