_app.js

import React from "react";
import NextApp from "next/app";
import { ModalProvider } from "styled-react-modal";
import { StyleSheetManager } from "styled-components";

import store from "../store";
import { GlobalStyle } from "../styles/App/styles";

GlobalStyle;

class App extends NextApp {
  static async getInitialProps({ Component, ctx }) {
    const pageProps = Component.getInitialProps
      ? await Component.getInitialProps(ctx)
      : {};

    //Anything returned here can be access by the client
    return { pageProps: pageProps };
  }
  render() {
    const { Component, pageProps } = this.props;
    return (
      <StyleSheetManager disableCSSOMInjection>
        <ModalProvider>
          <GlobalStyle />
          <Component {...pageProps} />
        </ModalProvider>
      </StyleSheetManager>
    );
  }
}

export default store.withRedux(App);