Maintenance work (react-boilerplate#2618)

Updated all the outdated dependencies.

- I changed the `history` imports following a warning saying our usage was deprecated.
- I also removed `eslint-plugin-compat` (which was a recent addition). In v3, instead of being able to tell the plugin about your polyfills in a concise way (i.e. `fetch, promise`), you now have to specify individual methods so it becomes extremely verbose and I have a feeling it will be confusing to many users.

.eslintrc.js

@@ -8,7 +8,7 @@ const prettierOptions = JSON.parse(
 module.exports = {
   parser: 'babel-eslint',
   extends: ['airbnb', 'prettier', 'prettier/react'],
-  plugins: ['prettier', 'redux-saga', 'react', 'react-hooks', 'jsx-a11y', 'compat'],
+  plugins: ['prettier', 'redux-saga', 'react', 'react-hooks', 'jsx-a11y'],
   env: {
     jest: true,
     browser: true,
@@ -24,7 +24,6 @@ module.exports = {
   },
   rules: {
     'prettier/prettier': ['error', prettierOptions],
-    'compat/compat': 'error',
     'arrow-body-style': [2, 'as-needed'],
     'class-methods-use-this': 0,
     'import/imports-first': 0,
@@ -86,6 +85,5 @@ module.exports = {
         config: './internals/webpack/webpack.prod.babel.js',
       },
     },
-    polyfills: ['fetch', 'promises'],
   },
 };

app/components/Header/tests/index.test.js

@@ -3,13 +3,13 @@ import { render } from 'react-testing-library';
 import { Provider } from 'react-redux';
 import { IntlProvider } from 'react-intl';
 import { ConnectedRouter } from 'connected-react-router/immutable';
-import createHistory from 'history/createMemoryHistory';
+import { createMemoryHistory } from 'history';
 
 import Header from '../index';
 import configureStore from '../../../configureStore';
 
 describe('<Header />', () => {
-  const history = createHistory();
+  const history = createMemoryHistory();
   const store = configureStore({}, history);
 
   it('should render a div', () => {

app/utils/history.js

@@ -1,3 +1,3 @@
-import createHistory from 'history/createBrowserHistory';
-const history = createHistory();
+import { createBrowserHistory } from 'history';
+const history = createBrowserHistory();
 export default history;

internals/templates/utils/history.js

@@ -1,3 +1,3 @@
-import createHistory from 'history/createBrowserHistory';
-const history = createHistory();
+import { createBrowserHistory } from 'history';
+const history = createBrowserHistory();
 export default history;