Update packages and format code

.eslintrc.json

@@ -4,7 +4,7 @@
     "plugin:@typescript-eslint/recommended",
     "plugin:react/recommended",
     "plugin:prettier/recommended",
-    "prettier/@typescript-eslint"
+    "prettier"
   ],
   "plugins": [
     "@typescript-eslint"

docs/package.json

@@ -4,35 +4,35 @@
   "version": "4.1.1",
   "author": "szmslab <[email protected]> (https://github.com/szmslab)",
   "dependencies": {
-    "@material-ui/core": "^4.10.1",
-    "@material-ui/icons": "^4.9.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "@material-ui/core": "^4.11.4",
+    "@material-ui/icons": "^4.11.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
   },
   "devDependencies": {
-    "@types/react": "^16.9.35",
-    "@types/react-dom": "^16.9.8",
-    "@typescript-eslint/eslint-plugin": "^3.1.0",
-    "@typescript-eslint/parser": "^3.1.0",
-    "classnames": "^2.2.6",
-    "eslint": "^7.1.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.20.0",
+    "@types/react": "^17.0.13",
+    "@types/react-dom": "^17.0.8",
+    "@typescript-eslint/eslint-plugin": "^4.28.1",
+    "@typescript-eslint/parser": "^4.28.1",
+    "classnames": "^2.3.1",
+    "eslint": "^7.30.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
     "path": "^0.12.7",
-    "prettier": "^2.0.5",
-    "ts-loader": "^7.0.5",
-    "typescript": "^3.9.3",
-    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.11.0"
+    "prettier": "^2.3.2",
+    "ts-loader": "^9.2.3",
+    "typescript": "^4.3.5",
+    "webpack": "^5.42.0",
+    "webpack-cli": "^4.7.2",
+    "webpack-dev-server": "^3.11.2"
   },
   "license": "MIT",
   "main": "",
   "private": true,
   "scripts": {
     "build": "webpack -p --progress",
-    "devserver": "webpack-dev-server -d --progress --hot",
+    "devserver": "webpack serve --progress --hot",
     "lint": "eslint src/ --ext .ts,.tsx",
     "test": "echo \"Error: no test specified\" && exit 1"
   }

docs/src/Demo.tsx

@@ -150,19 +150,17 @@ class Demo extends React.PureComponent<WithStyles<typeof styles>, DemoState> {
     );
   }
 
-  private handleClick = (paginationType: PaginationType) => (
-    ev: React.MouseEvent<HTMLElement>,
-    offset: number
-  ) => {
-    setTimeout(() => {
-      this.setState({
-        [paginationType]: {
-          ...this.state[paginationType],
-          offset,
-        },
-      });
-    }, 240);
-  };
+  private handleClick =
+    (paginationType: PaginationType) => (ev: React.MouseEvent<HTMLElement>, offset: number) => {
+      setTimeout(() => {
+        this.setState({
+          [paginationType]: {
+            ...this.state[paginationType],
+            offset,
+          },
+        });
+      }, 240);
+    };
 
   private handleToggleTheme = () => {
     this.setState({