Updated dependencies.

.eslintrc.json

@@ -60,7 +60,11 @@
     "no-empty-function": "off",
     "@typescript-eslint/no-empty-function": "off",
     "no-shadow": "off",
-    "@typescript-eslint/no-shadow": "warn"
+    "@typescript-eslint/no-shadow": "warn",
+    "no-param-reassign": ["error", { "props": true, "ignorePropertyModificationsFor": ["state"] }],
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": ["error", { "ignoreRestSiblings": true }],
+    "react/jsx-props-no-spreading": "off"
   },
   "settings": {
     "import/resolver": {

.gitignore

@@ -12,7 +12,7 @@ gitVersion.json
 ####################################################################
 # Temporary files.
 ####################################################################
-src/temp
+temp/
 
 ####################################################################
 # Output and intermediate files.

package.json

@@ -2,35 +2,35 @@
   "name": "leetabit.dgtiles",
   "private": true,
   "dependencies": {
-    "@emotion/react": "11.4.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-markdown": "8.0.1",
+    "@emotion/react": "11.9.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-markdown": "8.0.3",
     "remark-gfm": "3.0.1",
-    "react-router-dom": "6.2.2",
-    "typescript": "4.6.2",
-    "ts-essentials": "9.1.2",
+    "react-router-dom": "6.3.0",
+    "typescript": "4.7.4",
+    "ts-essentials": "9.2.0",
     "history": "5.3.0"
   },
   "devDependencies": {
-    "@types/react": "17.0.42",
-    "@types/react-dom": "17.0.14",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
     "@types/react-router-dom": "5.3.3",
-    "@typescript-eslint/eslint-plugin": "5.16.0",
-    "@typescript-eslint/parser": "5.16.0",
+    "@typescript-eslint/eslint-plugin": "5.30.5",
+    "@typescript-eslint/parser": "5.30.5",
     "cross-env": "7.0.3",
-    "eslint": "8.11.0",
+    "eslint": "8.19.0",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-jsx-a11y": "6.5.1",
-    "eslint-plugin-react": "7.29.4",
-    "eslint-plugin-react-hooks": "4.3.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.6.0",
+    "eslint-plugin-react": "7.30.1",
+    "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-only-warn": "1.0.3",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "rimraf": "3.0.2",
     "yarn-or-npm": "3.0.1",
-    "raw.macro": "0.4.2",
-    "csstype": "3.0.11"
+    "raw.macro": "0.5.0",
+    "csstype": "3.1.0"
   },
   "scripts": {
     "generate": "node update-version.mjs",

src/index.tsx

@@ -6,6 +6,8 @@
 
 import React from 'react';
 import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import axe from '@axe-core/react';
 import { Optional, Nullable } from './types';
 import App from './App';
 
@@ -19,4 +21,9 @@ if (rootElement == null) {
     throw Error('Could not find element with root ID for React App substitution.');
 }
 
-ReactDOM.render(React.createElement(App, { basename: baseUrl }), rootElement);
+if (process.env.NODE_ENV !== 'production') {
+    axe(React, ReactDOM, 1000);
+}
+
+const root = createRoot(rootElement);
+root.render(<App basename={baseUrl} />);