Upgrade dependencies

Upgrade React to 17.
Upgrade Webpack to v5.

.eslintrc.js

@@ -1,31 +1,31 @@
 module.exports = {
   env: {
     browser: true,
-    es6: true,
+    es2021: true,
     jest: true,
   },
   extends: [
     'plugin:react/recommended',
     'airbnb',
   ],
-  globals: {
-    Atomics: 'readonly',
-    SharedArrayBuffer: 'readonly',
-    context: 'readonly',
-    Feature: 'readonly',
-    Scenario: 'readonly',
-    actor: 'readonly',
-  },
   parserOptions: {
     ecmaFeatures: {
       jsx: true,
     },
-    ecmaVersion: 11,
+    ecmaVersion: 12,
     sourceType: 'module',
   },
   plugins: [
     'react',
   ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly',
+    actor: 'readonly',
+    Feature: 'readonly',
+    Scenario: 'readonly',
+    context: 'readonly',
+  },
   rules: {
     indent: ['error', 2],
     'no-trailing-spaces': 'error',
@@ -48,7 +48,9 @@ module.exports = {
     'key-spacing': ['error', { mode: 'strict' }],
     'arrow-spacing': ['error', { before: true, after: true }],
     'jsx-a11y/label-has-associated-control': ['error', { assert: 'either' }],
-    'react/prop-types': 'off',
     'linebreak-style': 'off',
+
+    'react/prop-types': 'off',
+    'react/react-in-jsx-scope': 'off',
   },
 };

babel.config.js

@@ -10,4 +10,12 @@ module.exports = {
     ],
     '@babel/preset-react',
   ],
+  plugins: [
+    [
+      '@babel/plugin-transform-react-jsx',
+      {
+        runtime: 'automatic',
+      },
+    ],
+  ],
 };

codecept.conf.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
 const { setHeadlessWhen } = require('@codeceptjs/configure');
 
 // turn on headless mode when running with HEADLESS=true environment variable