Removing recompose package and installing redux-devtools-extension

package.json

@@ -28,6 +28,7 @@
     "jest": "24.9.0",
     "react-router-dom": "5.1.2",
     "react-test-renderer": "16.10.2",
+    "redux-devtools-extension": "2.13.8",
     "stylelint-config-htmlacademy": "0.1.4",
     "typescript": "3.7.2",
     "utility-types": "3.10.0",
@@ -43,7 +44,6 @@
     "react": "16.10.2",
     "react-dom": "16.10.2",
     "react-redux": "7.1.1",
-    "recompose": "0.30.0",
     "redux": "4.0.4",
     "redux-mock-store": "1.5.3",
     "redux-thunk": "2.3.0"

src/index.tsx

@@ -4,24 +4,20 @@ import {BrowserRouter} from 'react-router-dom';
 import {createStore, applyMiddleware} from 'redux';
 import {Provider} from 'react-redux';
 import thunk from 'redux-thunk';
-import {compose} from 'recompose';
+import {composeWithDevTools} from 'redux-devtools-extension';
 
 import App from './components/app/app';
 import {reducer, Operation} from './reducer/reducer';
 import createAPI from './api';
 
 let store;
-declare const __REDUX_DEVTOOLS_EXTENSION__: () => any;
 
 const init = () => {
   const api = createAPI((...args) => store.dispatch(...args));
 
   store = createStore(
       reducer,
-      compose(
-          applyMiddleware(thunk.withExtraArgument(api)),
-          __REDUX_DEVTOOLS_EXTENSION__ ? __REDUX_DEVTOOLS_EXTENSION__() : (f) => f
-      ));
+      composeWithDevTools(applyMiddleware(thunk.withExtraArgument(api))));
 
   store.dispatch(Operation.loadPromoFilm());
   store.dispatch(Operation.loadFilms());