How to use next-redux-wrapper - 10 common examples

);
}

PartnerNew.propTypes = {
  // Store
  user: PropTypes.object.isRequired
};

const mapStateToProps = state => ({
  user: state.user
});

export default withRedux(initStore, mapStateToProps, null)(PartnerNew);

const {Component, store, pageProps, apolloClient} = this.props;
        return (
            
                
                    
                        {/* I can't use material-ui Layout (PageContainer) in _app.js */}
                        {/* FIXME: https://github.com/zeit/next.js/pull/4288 */}
                        
                    
                
            
        );
    }
}

export default withRedux(createStore)(
    compose(
        withApollo,
        withIntl,
        withMaterialUi,
    )(AldaApp),
);

import React, { Fragment } from 'react';
import { Provider } from 'react-redux';
import App, { Container } from 'next/app';
import { ApolloProvider } from 'react-apollo';

import withRedux from 'next-redux-wrapper';
import initStore from '../libs/store';
import withApollo from '../libs/withApollo';
import './_app.scss';

import Header from '../components/Header';
import Footer from '../components/Footer';
import Sidebar from '../components/Sidebar';

export default withApollo(
  withRedux(initStore)(
    class MyApp extends App {
      static async getInitialProps({ Component, ctx }) {
        return {
          pageProps: Component.getInitialProps
            ? await Component.getInitialProps(ctx)
            : {}
        };
      }

      render() {
        const { Component, pageProps, store, apolloClient } = this.props;
        return (

<div style="{{">
          
            <a>Homepage</a>
          
          
        </div>
      
    )
  }
}

export default withRedux(initsStore)(MyApp);

JoinCommunity.propTypes = {
  data: React.PropTypes.object,
  getStaticData: React.PropTypes.func
};

const mapStateToProps = state => ({
  data: state.staticPages.joinCommunity
});

const mapDispatchToProps = dispatch => ({
  getStaticData: (slug, ref) => {
    dispatch(getStaticData(slug, ref));
  }
});

export default withRedux(initStore, mapStateToProps, mapDispatchToProps)(JoinCommunity)

: {};

    return { pageProps };
  }

  render() {
    const { Component, pageProps, store } = this.props;
    return (
      
        
      
    );
  }
}

export default withRedux(configureStore)(NteractApp);

const {
      Component, pageProps, store, locale,
    } = this.props
    return (
      
        
          
            
          
        
      
    )
  }
}

export default withRedux(configureStore)(withReduxSaga({ async: true })(MyApp))

}

    return { pageProps }
  }

  render () {
    const { Component, pageProps, store } = this.props
    return (
      
        
      
    )
  }
}

export default withRedux(initStore)(MyApp)

{
                            E2E && (
                                
                                    <div id="e2e-request">
                                    <div id="e2e-error">
                                
                            )
                        }
                    
                
            
        );
    }
}

export default withRedux(createStore)(withReduxSaga(MyApp));
</div></div>

  return (component) => withRedux(initStore, mapStateToProps, actions)(component)
}