Add package 'recompose'

package.json

@@ -30,6 +30,7 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.0",
+    "recompose": "^0.30.0",
     "redux": "^4.0.5",
     "redux-saga": "^1.1.3"
   },
@@ -38,6 +39,7 @@
     "@types/node": "^13.11.1",
     "@types/react": "^16.9.34",
     "@types/react-redux": "^7.1.7",
+    "@types/recompose": "^0.30.7",
     "@typescript-eslint/eslint-plugin": "^2.29.0",
     "@typescript-eslint/parser": "^2.29.0",
     "eslint": "^6.8.0",

src/pages/_app.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, ComponentType } from 'react';
 
 import withRedux, { ReduxWrapperAppProps } from 'next-redux-wrapper';
 import withReduxSaga from 'next-redux-saga';
@@ -7,6 +7,8 @@ import { AppContext } from 'next/app';
 import { Provider } from 'react-redux';
 import { ThemeProvider, CssBaseline } from '@material-ui/core';
 
+import { compose } from 'recompose';
+
 import configureStore from 'states/configureStore';
 import { RootState } from 'states/rootReducer';
 import MainLayout from 'layouts/Main';
@@ -36,7 +38,10 @@ function App({ Component, pageProps, store }: ReduxWrapperAppProps<RootState>) {
   );
 }
 
-export default withRedux(configureStore)(withReduxSaga(App));
+export default compose(
+  withRedux(configureStore),
+  withReduxSaga,
+)(App as ComponentType<any>);
 
 App.getInitialProps = async ({ Component, ctx }: AppContext) => {
   const pageProps = Component.getInitialProps