diff --git a/README.md b/README.md
index d8604ae19..8d9182547 100644
--- a/README.md
+++ b/README.md
@@ -18,20 +18,27 @@ Version 3 has been released! You can read about the [updates here](https://githu
 </div>
 
 # Table of contents
-* [Install](#install)
-* [Demo](#demo)
-* [Compatibility](#compatibility)
-* [Usage](#usage)
-* [API](#api)
-* [Customize Columns](#customize-columns)
-* [Plug-ins](#plug-ins)
-* [Customize Styling](#customize-styling)
-* [Custom Components](#custom-components)
-* [Remote Data](#remote-data)
-* [Localization](#localization)
-* [Contributing](#contributing)
-* [License](#licence)
-* [Thanks](#thanks)
+- [MUI-Datatables - Datatables for MUI (formerly Material-UI)](#mui-datatables---datatables-for-mui-formerly-material-ui)
+- [Table of contents](#table-of-contents)
+  - [Install](#install)
+  - [Compatibility](#compatibility)
+  - [Demo](#demo)
+  - [Usage](#usage)
+  - [API](#api)
+      - [&lt;MUIDataTable />](#muidatatable-)
+      - [Options:](#options)
+  - [Customize Columns](#customize-columns)
+      - [Column:](#column)
+      - [Column Options:](#column-options)
+  - [Plug-ins](#plug-ins)
+      - [Available Plug-ins:](#available-plug-ins)
+  - [Customize Styling](#customize-styling)
+  - [Custom Components](#custom-components)
+  - [Remote Data](#remote-data)
+  - [Localization](#localization)
+  - [Contributing](#contributing)
+  - [License](#license)
+  - [Thanks](#thanks)
 
 ## Install
 
@@ -47,7 +54,7 @@ If your project doesn't already use them, you need to install mui v5 and it's ic
 | ^2.0.0         | ^3.0.0      | `@material-ui/core`,`@material-ui/icons`            |
 | ^3.0.0         | ^4.10.0     | `@material-ui/core`,`@material-ui/icons`            |
 | ^3.8.0         | ^4.12.0     | `@material-ui/core`,`@material-ui/icons`            |
-| ^4.0.0         | ^5.0.0      | `@mui/material`,`@mui/icons-material` |
+| ^4.0.0         | ^5.9.3      | `@mui/material`,`@mui/icons-material`               |
 
 ## Demo
 
@@ -365,13 +372,6 @@ Using Material-UI theme overrides will allow you to customize styling to your li
 import React from "react";
 import MUIDataTable from "mui-datatables";
 import { createTheme, ThemeProvider } from '@mui/material/styles';
-import { CacheProvider } from "@emotion/react";
-import createCache from "@emotion/cache";
-
-const muiCache = createCache({
-	"key": "mui",
-	"prepend": true
-});
 
 class BodyCellExample extends React.Component {
 
@@ -390,11 +390,9 @@ class BodyCellExample extends React.Component {
   render() {
 
     return (
-		<CacheProvider value={muiCache}>
 		  <ThemeProvider theme={this.getMuiTheme()}>
-			<MUIDataTable title={"ACME Employee list"} data={data} columns={columns} options={options} />
+			  <MUIDataTable title={"ACME Employee list"} data={data} columns={columns} options={options} />
 		  </ThemeProvider>
-		</CacheProvider>
     );
 
   }
diff --git a/examples/Router/index.js b/examples/Router/index.js
index 5fa34760f..d93a3a9fe 100644
--- a/examples/Router/index.js
+++ b/examples/Router/index.js
@@ -6,8 +6,6 @@ import ExamplesGrid from './ExamplesGrid';
 import examples from '../examples';
 import Button from '@mui/material/Button';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
 
 const styles = {
   root: {
@@ -19,11 +17,6 @@ const styles = {
   },
 };
 
-const muiCache = createCache({
-  key: 'mui-datatables',
-  prepend: true,
-});
-
 class Examples extends React.Component {
   returnHome = () => {
     this.props.history.push('/');
@@ -37,34 +30,32 @@ class Examples extends React.Component {
     const defaultTheme = createTheme();
 
     return (
-      <CacheProvider value={muiCache}>
-        <ThemeProvider theme={defaultTheme}>
-          <main className={classes.root}>
-            <div className={classes.contentWrapper}>
-              <Switch>
-                <Route path="/" exact render={() => <ExamplesGrid examples={examples} />} />
-                {Object.keys(examples).map((label, index) => (
-                  <Route
-                    key={index}
-                    path={`/${label.replace(/\s+/g, '-').toLowerCase()}`}
-                    exact
-                    component={examples[label]}
-                  />
-                ))}
-              </Switch>
-              <div>
-                {this.props.location.pathname !== '/' && (
-                  <div style={returnHomeStyle}>
-                    <Button color="primary" onClick={this.returnHome}>
-                      Back to Example Index
-                    </Button>
-                  </div>
-                )}
-              </div>
+      <ThemeProvider theme={defaultTheme}>
+        <main className={classes.root}>
+          <div className={classes.contentWrapper}>
+            <Switch>
+              <Route path="/" exact render={() => <ExamplesGrid examples={examples} />} />
+              {Object.keys(examples).map((label, index) => (
+                <Route
+                  key={index}
+                  path={`/${label.replace(/\s+/g, '-').toLowerCase()}`}
+                  exact
+                  component={examples[label]}
+                />
+              ))}
+            </Switch>
+            <div>
+              {this.props.location.pathname !== '/' && (
+                <div style={returnHomeStyle}>
+                  <Button color="primary" onClick={this.returnHome}>
+                    Back to Example Index
+                  </Button>
+                </div>
+              )}
             </div>
-          </main>
-        </ThemeProvider>
-      </CacheProvider>
+          </div>
+        </main>
+      </ThemeProvider>
     );
   }
 }
diff --git a/examples/customize-styling/index.js b/examples/customize-styling/index.js
index 6f25fb05b..87dbb7900 100644
--- a/examples/customize-styling/index.js
+++ b/examples/customize-styling/index.js
@@ -7,13 +7,6 @@ import Switch from '@mui/material/Switch';
 import FormGroup from '@mui/material/FormGroup';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import clsx from 'clsx';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
-
-const muiCache = createCache({
-  key: 'mui-datatables',
-  prepend: true,
-});
 
 const customStyles = theme => ({
   BusinessAnalystRow: {
@@ -210,35 +203,33 @@ class Example extends React.Component {
     };
 
     return (
-      <CacheProvider value={muiCache}>
-        <ThemeProvider theme={this.getMuiTheme()}>
-          <FormGroup row>
-            <FormControlLabel
-              control={
-                <Switch
-                  checked={this.state.denseTable}
-                  onChange={this.toggleDenseTable}
-                  value="denseTable"
-                  color="primary"
-                />
-              }
-              label="Dense Table"
-            />
-            <FormControlLabel
-              control={
-                <Switch
-                  checked={this.state.vertical}
-                  onChange={this.toggleResponsive}
-                  value="vertical"
-                  color="primary"
-                />
-              }
-              label="Responsive Vertical Table"
-            />
-          </FormGroup>
-          <MUIDataTable title={'ACME Employee list'} data={data} columns={columns} options={options} />
-        </ThemeProvider>
-      </CacheProvider>
+      <ThemeProvider theme={this.getMuiTheme()}>
+        <FormGroup row>
+          <FormControlLabel
+            control={
+              <Switch
+                checked={this.state.denseTable}
+                onChange={this.toggleDenseTable}
+                value="denseTable"
+                color="primary"
+              />
+            }
+            label="Dense Table"
+          />
+          <FormControlLabel
+            control={
+              <Switch
+                checked={this.state.vertical}
+                onChange={this.toggleResponsive}
+                value="vertical"
+                color="primary"
+              />
+            }
+            label="Responsive Vertical Table"
+          />
+        </FormGroup>
+        <MUIDataTable title={'ACME Employee list'} data={data} columns={columns} options={options} />
+      </ThemeProvider>
     );
   }
 }
diff --git a/examples/expandable-rows/index.js b/examples/expandable-rows/index.js
index c05cafacc..d76572345 100644
--- a/examples/expandable-rows/index.js
+++ b/examples/expandable-rows/index.js
@@ -3,13 +3,6 @@ import MUIDataTable, { ExpandButton } from '../../src/';
 import TableRow from '@mui/material/TableRow';
 import TableCell from '@mui/material/TableCell';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
-
-const muiCache = createCache({
-  key: 'mui-datatables',
-  prepend: true,
-});
 
 class Example extends React.Component {
   render() {
@@ -127,17 +120,15 @@ class Example extends React.Component {
     };
 
     return (
-      <CacheProvider value={muiCache}>
-        <ThemeProvider theme={theme}>
-          <MUIDataTable
-            title={'ACME Employee list'}
-            data={data}
-            columns={columns}
-            options={options}
-            components={components}
-          />
-        </ThemeProvider>
-      </CacheProvider>
+      <ThemeProvider theme={theme}>
+        <MUIDataTable
+          title={'ACME Employee list'}
+          data={data}
+          columns={columns}
+          options={options}
+          components={components}
+        />
+      </ThemeProvider>
     );
   }
 }
diff --git a/examples/themes/index.js b/examples/themes/index.js
index b2e0107cb..6d235696d 100644
--- a/examples/themes/index.js
+++ b/examples/themes/index.js
@@ -1,13 +1,6 @@
 import React from 'react';
 import MUIDataTable from '../../src/';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
-import createCache from '@emotion/cache';
-import { CacheProvider } from '@emotion/react';
-
-const muiCache = createCache({
-  key: 'mui-datatables',
-  prepend: true,
-});
 
 class Example extends React.Component {
   render() {
@@ -92,11 +85,9 @@ class Example extends React.Component {
     });
 
     return (
-      <CacheProvider value={muiCache}>
-        <ThemeProvider theme={theme}>
-          <MUIDataTable title={'ACME Employee list'} data={data} columns={columns} options={options} />
-        </ThemeProvider>
-      </CacheProvider>
+      <ThemeProvider theme={theme}>
+        <MUIDataTable title={'ACME Employee list'} data={data} columns={columns} options={options} />
+      </ThemeProvider>
     );
   }
 }
diff --git a/package-lock.json b/package-lock.json
index cbf01552c..535591422 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "mui-datatables",
-  "version": "4.1.2",
+  "version": "4.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "mui-datatables",
-      "version": "4.1.2",
+      "version": "4.3.0",
       "license": "MIT",
       "dependencies": {
         "@babel/runtime-corejs3": "^7.12.1",
@@ -26,7 +26,7 @@
         "react-dnd-html5-backend": "^11.1.3",
         "react-sortable-tree-patch-react-17": "^2.9.0",
         "react-to-print": "^2.8.0",
-        "tss-react": "^3.6.0"
+        "tss-react": "^4.1.3"
       },
       "devDependencies": {
         "@babel/core": "^7.10.2",
@@ -42,7 +42,7 @@
         "@emotion/styled": "^11.3.0",
         "@lopatnov/rollup-plugin-uglify": "^2.1.1",
         "@mui/icons-material": "^5.0.1",
-        "@mui/material": "^5.0.1",
+        "@mui/material": "^5.10.2",
         "@rollup/plugin-babel": "5.0.2",
         "@rollup/plugin-commonjs": "^12.0.0",
         "@rollup/plugin-node-resolve": "^8.0.0",
@@ -92,7 +92,7 @@
       "peerDependencies": {
         "@emotion/react": "^11.4.1",
         "@mui/icons-material": "^5.0.1",
-        "@mui/material": "^5.0.1",
+        "@mui/material": "^5.9.3",
         "react": "^16.8.0 || ^17.0.2",
         "react-dom": "^16.8.0 || ^17.0.2"
       }
@@ -1829,31 +1829,47 @@
       }
     },
     "node_modules/@emotion/cache": {
-      "version": "11.7.1",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
-      "integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
-      "dependencies": {
-        "@emotion/memoize": "^0.7.4",
-        "@emotion/sheet": "^1.1.0",
-        "@emotion/utils": "^1.0.0",
-        "@emotion/weak-memoize": "^0.2.5",
+      "version": "11.10.3",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.3.tgz",
+      "integrity": "sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
         "stylis": "4.0.13"
       }
     },
+    "node_modules/@emotion/cache/node_modules/@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+    },
+    "node_modules/@emotion/cache/node_modules/@emotion/weak-memoize": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+      "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+    },
     "node_modules/@emotion/hash": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
     "node_modules/@emotion/is-prop-valid": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
-      "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
       "dev": true,
       "dependencies": {
-        "@emotion/memoize": "^0.7.4"
+        "@emotion/memoize": "^0.8.0"
       }
     },
+    "node_modules/@emotion/is-prop-valid/node_modules/@emotion/memoize": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+      "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==",
+      "dev": true
+    },
     "node_modules/@emotion/memoize": {
       "version": "0.7.5",
       "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz",
@@ -1898,9 +1914,9 @@
       }
     },
     "node_modules/@emotion/sheet": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz",
-      "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz",
+      "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w=="
     },
     "node_modules/@emotion/styled": {
       "version": "11.8.1",
@@ -1934,9 +1950,9 @@
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     },
     "node_modules/@emotion/utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
-      "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
     },
     "node_modules/@emotion/weak-memoize": {
       "version": "0.2.5",
@@ -2093,18 +2109,19 @@
       }
     },
     "node_modules/@mui/base": {
-      "version": "5.0.0-alpha.73",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.73.tgz",
-      "integrity": "sha512-TEUCIIEAWrngAqpIa+dY3nofGSNj70LC3KC9WcCzyXPK3M4AG2GNi7ndd/g/0DtC55kbxrudzlV8TG3vrB2Vjw==",
+      "version": "5.0.0-alpha.94",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.94.tgz",
+      "integrity": "sha512-IJXmgTF07H1Iv5zjDV7zJZGUmb9cN8ERzd2dgA1akh6NWZgwyIGyQx+Au9+QSDoM5vN3FqZvU/0YCU6inUwgeQ==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@emotion/is-prop-valid": "^1.1.2",
-        "@mui/utils": "^5.4.4",
-        "@popperjs/core": "^2.11.4",
-        "clsx": "^1.1.1",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "@popperjs/core": "^2.11.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2114,9 +2131,9 @@
         "url": "https://opencollective.com/mui"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^17.0.0",
-        "react-dom": "^17.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -2124,6 +2141,22 @@
         }
       }
     },
+    "node_modules/@mui/base/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "dev": true
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.10.2.tgz",
+      "integrity": "sha512-1guoGvL3QZ7VjA3y9zye9Rpm+jz18rVZIo3AauTGyW5ntDMxr/cR0M18nuc/NH2KqpMt+coh4NwPEO1uPuKM5w==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      }
+    },
     "node_modules/@mui/icons-material": {
       "version": "5.5.1",
       "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.5.1.tgz",
@@ -2151,23 +2184,23 @@
       }
     },
     "node_modules/@mui/material": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.5.2.tgz",
-      "integrity": "sha512-r4p1u9eDlSqW3TS/Iq9yolifWHpuW6e0BSeqEJW3EEIcKfPVVk4WNUNJ+s8DtN7dBoDcveXxcQVVjYXTIv1d9g==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.10.2.tgz",
+      "integrity": "sha512-ay43fuQLXROXkxFd6tqbj394Hu8BlbmpCdEDFtAisijulla2ZLfQa24pjhdX+56HrHReB3cZsf/sRq+DSfIgiA==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@mui/base": "5.0.0-alpha.73",
-        "@mui/system": "^5.5.2",
-        "@mui/types": "^7.1.3",
-        "@mui/utils": "^5.4.4",
-        "@types/react-transition-group": "^4.4.4",
-        "clsx": "^1.1.1",
-        "csstype": "^3.0.11",
-        "hoist-non-react-statics": "^3.3.2",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2",
-        "react-transition-group": "^4.4.2"
+        "@mui/base": "5.0.0-alpha.94",
+        "@mui/core-downloads-tracker": "^5.10.2",
+        "@mui/system": "^5.10.2",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2179,9 +2212,9 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^17.0.0",
-        "react-dom": "^17.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -2195,15 +2228,21 @@
         }
       }
     },
+    "node_modules/@mui/material/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "dev": true
+    },
     "node_modules/@mui/private-theming": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.4.tgz",
-      "integrity": "sha512-V/gxttr6736yJoU9q+4xxXsa0K/w9Hn9pg99zsOHt7i/O904w2CX5NHh5WqDXtoUzVcayLF0RB17yr6l79CE+A==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.9.3.tgz",
+      "integrity": "sha512-Ys3WO39WqoGciGX9k5AIi/k2zJhlydv4FzlEEwtw9OqdMaV0ydK/TdZekKzjP9sTI/JcdAP3H5DWtUaPLQJjWg==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@mui/utils": "^5.4.4",
-        "prop-types": "^15.7.2"
+        "@mui/utils": "^5.9.3",
+        "prop-types": "^15.8.1"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2213,8 +2252,8 @@
         "url": "https://opencollective.com/mui"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^17.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -2223,14 +2262,15 @@
       }
     },
     "node_modules/@mui/styled-engine": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.5.2.tgz",
-      "integrity": "sha512-jkz5AHHbA43akBo5L3y1X1/X0f+RvXvCp3eXKt+iOf3qnKSAausbtlVz7gBbC4xIWDnP1Jb/6T+t/0/7gObRYA==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.2.tgz",
+      "integrity": "sha512-YqnptNQ2E0cWwOTmLCEvrddiiR/neUfn2AD/4TDUXZu8B2n7NfDb9d3bAUfWZV+KmulQdAedoaZDqyXBFGLdbQ==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@emotion/cache": "^11.7.1",
-        "prop-types": "^15.7.2"
+        "@emotion/cache": "^11.10.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2242,7 +2282,7 @@
       "peerDependencies": {
         "@emotion/react": "^11.4.1",
         "@emotion/styled": "^11.3.0",
-        "react": "^17.0.0"
+        "react": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -2254,19 +2294,19 @@
       }
     },
     "node_modules/@mui/system": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.5.2.tgz",
-      "integrity": "sha512-OATYFI36nliud8xh0u+ZNqDo0jWjxpO0vZLlzqNB+ZtkR5Q/+1X3GgboA9ruiB8Rq+udnJlMBQNGW0qqjvAOHQ==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.10.2.tgz",
+      "integrity": "sha512-YudwJhLcEoQiwCAmzeMr9P3ISiVGNsxBIIPzFxaGwJ8+mMrx3qoPVOV2sfm0ZuNiQuABshEw4KqHa5ftNC+pOQ==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@mui/private-theming": "^5.4.4",
-        "@mui/styled-engine": "^5.5.2",
-        "@mui/types": "^7.1.3",
-        "@mui/utils": "^5.4.4",
-        "clsx": "^1.1.1",
-        "csstype": "^3.0.11",
-        "prop-types": "^15.7.2"
+        "@mui/private-theming": "^5.9.3",
+        "@mui/styled-engine": "^5.10.2",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2278,8 +2318,8 @@
       "peerDependencies": {
         "@emotion/react": "^11.5.0",
         "@emotion/styled": "^11.3.0",
-        "@types/react": "^16.8.6 || ^17.0.0",
-        "react": "^17.0.0"
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
       },
       "peerDependenciesMeta": {
         "@emotion/react": {
@@ -2294,9 +2334,9 @@
       }
     },
     "node_modules/@mui/types": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.3.tgz",
-      "integrity": "sha512-DDF0UhMBo4Uezlk+6QxrlDbchF79XG6Zs0zIewlR4c0Dt6GKVFfUtzPtHCH1tTbcSlq/L2bGEdiaoHBJ9Y1gSA==",
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.5.tgz",
+      "integrity": "sha512-HnRXrxgHJYJcT8ZDdDCQIlqk0s0skOKD7eWs9mJgBUu70hyW4iA6Kiv3yspJR474RFH8hysKR65VVSzUSzkuwA==",
       "dev": true,
       "peerDependencies": {
         "@types/react": "*"
@@ -2308,16 +2348,16 @@
       }
     },
     "node_modules/@mui/utils": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.4.tgz",
-      "integrity": "sha512-hfYIXEuhc2mXMGN5nUPis8beH6uE/zl3uMWJcyHX0/LN/+QxO9zhYuV6l8AsAaphHFyS/fBv0SW3Nid7jw5hKQ==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.9.3.tgz",
+      "integrity": "sha512-l0N5bcrenE9hnwZ/jPecpIRqsDFHkPXoFUcmkgysaJwVZzJ3yQkGXB47eqmXX5yyGrSc6HksbbqXEaUya+siew==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.17.2",
-        "@types/prop-types": "^15.7.4",
+        "@types/prop-types": "^15.7.5",
         "@types/react-is": "^16.7.1 || ^17.0.0",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
       },
       "engines": {
         "node": ">=12.0.0"
@@ -2327,9 +2367,15 @@
         "url": "https://opencollective.com/mui"
       },
       "peerDependencies": {
-        "react": "^17.0.0"
+        "react": "^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/@mui/utils/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+      "dev": true
+    },
     "node_modules/@napi-rs/triples": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@napi-rs/triples/-/triples-1.1.0.tgz",
@@ -2598,9 +2644,9 @@
       }
     },
     "node_modules/@popperjs/core": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.4.tgz",
-      "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg==",
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
       "dev": true,
       "funding": {
         "type": "opencollective",
@@ -2811,9 +2857,9 @@
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
     "node_modules/@types/prop-types": {
-      "version": "15.7.4",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
-      "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "node_modules/@types/react": {
       "version": "17.0.42",
@@ -2835,9 +2881,9 @@
       }
     },
     "node_modules/@types/react-transition-group": {
-      "version": "4.4.4",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
-      "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
       "dev": true,
       "dependencies": {
         "@types/react": "*"
@@ -4702,9 +4748,9 @@
       }
     },
     "node_modules/clsx": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
-      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==",
       "engines": {
         "node": ">=6"
       }
@@ -5311,9 +5357,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.11.tgz",
-      "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
     },
     "node_modules/cyclist": {
       "version": "1.0.1",
@@ -13035,9 +13081,9 @@
       }
     },
     "node_modules/react-transition-group": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
-      "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
       "dev": true,
       "dependencies": {
         "@babel/runtime": "^7.5.5",
@@ -15397,9 +15443,9 @@
       "dev": true
     },
     "node_modules/tss-react": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-3.6.0.tgz",
-      "integrity": "sha512-mtQ8VL0btMVZZtax5gwaGU+jSBdKtbYMLVCLGB26Bi+BcOI0GQ6GTn1EaeK1nSgN5qbe6FL0zEOC6qoY+8+MEg==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.1.3.tgz",
+      "integrity": "sha512-Ul99aVoVngHY2nwFC87jZlGP+K3LfG9ZRakimOzRwgJz77f/zXWuY2FVzwaSc+OW804twNaxZZRtLlpagex8sg==",
       "dependencies": {
         "@emotion/cache": "*",
         "@emotion/serialize": "*",
@@ -15407,7 +15453,13 @@
       },
       "peerDependencies": {
         "@emotion/react": "^11.4.1",
-        "react": "^16.8.0 || ^17.0.2"
+        "@emotion/server": "^11.4.0",
+        "react": "^16.8.0 || ^17.0.2 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/server": {
+          "optional": true
+        }
       }
     },
     "node_modules/tty-browserify": {
@@ -18629,15 +18681,27 @@
       }
     },
     "@emotion/cache": {
-      "version": "11.7.1",
-      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.7.1.tgz",
-      "integrity": "sha512-r65Zy4Iljb8oyjtLeCuBH8Qjiy107dOYC6SJq7g7GV5UCQWMObY4SJDPGFjiiVpPrOJ2hmJOoBiYTC7hwx9E2A==",
-      "requires": {
-        "@emotion/memoize": "^0.7.4",
-        "@emotion/sheet": "^1.1.0",
-        "@emotion/utils": "^1.0.0",
-        "@emotion/weak-memoize": "^0.2.5",
+      "version": "11.10.3",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.10.3.tgz",
+      "integrity": "sha512-Psmp/7ovAa8appWh3g51goxu/z3iVms7JXOreq136D8Bbn6dYraPnmL6mdM8GThEx9vwSn92Fz+mGSjBzN8UPQ==",
+      "requires": {
+        "@emotion/memoize": "^0.8.0",
+        "@emotion/sheet": "^1.2.0",
+        "@emotion/utils": "^1.2.0",
+        "@emotion/weak-memoize": "^0.3.0",
         "stylis": "4.0.13"
+      },
+      "dependencies": {
+        "@emotion/memoize": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+          "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA=="
+        },
+        "@emotion/weak-memoize": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.0.tgz",
+          "integrity": "sha512-AHPmaAx+RYfZz0eYu6Gviiagpmiyw98ySSlQvCUhVGDRtDFe4DBS0x1bSjdF3gqUDYOczB+yYvBTtEylYSdRhg=="
+        }
       }
     },
     "@emotion/hash": {
@@ -18646,12 +18710,20 @@
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
     "@emotion/is-prop-valid": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
-      "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz",
+      "integrity": "sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==",
       "dev": true,
       "requires": {
-        "@emotion/memoize": "^0.7.4"
+        "@emotion/memoize": "^0.8.0"
+      },
+      "dependencies": {
+        "@emotion/memoize": {
+          "version": "0.8.0",
+          "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.0.tgz",
+          "integrity": "sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==",
+          "dev": true
+        }
       }
     },
     "@emotion/memoize": {
@@ -18686,9 +18758,9 @@
       }
     },
     "@emotion/sheet": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.0.tgz",
-      "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.0.tgz",
+      "integrity": "sha512-OiTkRgpxescko+M51tZsMq7Puu/KP55wMT8BgpcXVG2hqXc0Vo0mfymJ/Uj24Hp0i083ji/o0aLddh08UEjq8w=="
     },
     "@emotion/styled": {
       "version": "11.8.1",
@@ -18709,9 +18781,9 @@
       "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
     },
     "@emotion/utils": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
-      "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.0.tgz",
+      "integrity": "sha512-sn3WH53Kzpw8oQ5mgMmIzzyAaH2ZqFEbozVVBSYp538E06OSE6ytOp7pRAjNQR+Q/orwqdQYJSe2m3hCOeznkw=="
     },
     "@emotion/weak-memoize": {
       "version": "0.2.5",
@@ -18840,20 +18912,35 @@
       "requires": {}
     },
     "@mui/base": {
-      "version": "5.0.0-alpha.73",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.73.tgz",
-      "integrity": "sha512-TEUCIIEAWrngAqpIa+dY3nofGSNj70LC3KC9WcCzyXPK3M4AG2GNi7ndd/g/0DtC55kbxrudzlV8TG3vrB2Vjw==",
+      "version": "5.0.0-alpha.94",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.94.tgz",
+      "integrity": "sha512-IJXmgTF07H1Iv5zjDV7zJZGUmb9cN8ERzd2dgA1akh6NWZgwyIGyQx+Au9+QSDoM5vN3FqZvU/0YCU6inUwgeQ==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@emotion/is-prop-valid": "^1.1.2",
-        "@mui/utils": "^5.4.4",
-        "@popperjs/core": "^2.11.4",
-        "clsx": "^1.1.1",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "@popperjs/core": "^2.11.6",
+        "clsx": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+          "dev": true
+        }
       }
     },
+    "@mui/core-downloads-tracker": {
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.10.2.tgz",
+      "integrity": "sha512-1guoGvL3QZ7VjA3y9zye9Rpm+jz18rVZIo3AauTGyW5ntDMxr/cR0M18nuc/NH2KqpMt+coh4NwPEO1uPuKM5w==",
+      "dev": true
+    },
     "@mui/icons-material": {
       "version": "5.5.1",
       "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.5.1.tgz",
@@ -18864,81 +18951,98 @@
       }
     },
     "@mui/material": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.5.2.tgz",
-      "integrity": "sha512-r4p1u9eDlSqW3TS/Iq9yolifWHpuW6e0BSeqEJW3EEIcKfPVVk4WNUNJ+s8DtN7dBoDcveXxcQVVjYXTIv1d9g==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.10.2.tgz",
+      "integrity": "sha512-ay43fuQLXROXkxFd6tqbj394Hu8BlbmpCdEDFtAisijulla2ZLfQa24pjhdX+56HrHReB3cZsf/sRq+DSfIgiA==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@mui/base": "5.0.0-alpha.73",
-        "@mui/system": "^5.5.2",
-        "@mui/types": "^7.1.3",
-        "@mui/utils": "^5.4.4",
-        "@types/react-transition-group": "^4.4.4",
-        "clsx": "^1.1.1",
-        "csstype": "^3.0.11",
-        "hoist-non-react-statics": "^3.3.2",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2",
-        "react-transition-group": "^4.4.2"
+        "@mui/base": "5.0.0-alpha.94",
+        "@mui/core-downloads-tracker": "^5.10.2",
+        "@mui/system": "^5.10.2",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "@types/react-transition-group": "^4.4.5",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+          "dev": true
+        }
       }
     },
     "@mui/private-theming": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.4.4.tgz",
-      "integrity": "sha512-V/gxttr6736yJoU9q+4xxXsa0K/w9Hn9pg99zsOHt7i/O904w2CX5NHh5WqDXtoUzVcayLF0RB17yr6l79CE+A==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.9.3.tgz",
+      "integrity": "sha512-Ys3WO39WqoGciGX9k5AIi/k2zJhlydv4FzlEEwtw9OqdMaV0ydK/TdZekKzjP9sTI/JcdAP3H5DWtUaPLQJjWg==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@mui/utils": "^5.4.4",
-        "prop-types": "^15.7.2"
+        "@mui/utils": "^5.9.3",
+        "prop-types": "^15.8.1"
       }
     },
     "@mui/styled-engine": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.5.2.tgz",
-      "integrity": "sha512-jkz5AHHbA43akBo5L3y1X1/X0f+RvXvCp3eXKt+iOf3qnKSAausbtlVz7gBbC4xIWDnP1Jb/6T+t/0/7gObRYA==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.10.2.tgz",
+      "integrity": "sha512-YqnptNQ2E0cWwOTmLCEvrddiiR/neUfn2AD/4TDUXZu8B2n7NfDb9d3bAUfWZV+KmulQdAedoaZDqyXBFGLdbQ==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@emotion/cache": "^11.7.1",
-        "prop-types": "^15.7.2"
+        "@emotion/cache": "^11.10.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1"
       }
     },
     "@mui/system": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.5.2.tgz",
-      "integrity": "sha512-OATYFI36nliud8xh0u+ZNqDo0jWjxpO0vZLlzqNB+ZtkR5Q/+1X3GgboA9ruiB8Rq+udnJlMBQNGW0qqjvAOHQ==",
+      "version": "5.10.2",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.10.2.tgz",
+      "integrity": "sha512-YudwJhLcEoQiwCAmzeMr9P3ISiVGNsxBIIPzFxaGwJ8+mMrx3qoPVOV2sfm0ZuNiQuABshEw4KqHa5ftNC+pOQ==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@mui/private-theming": "^5.4.4",
-        "@mui/styled-engine": "^5.5.2",
-        "@mui/types": "^7.1.3",
-        "@mui/utils": "^5.4.4",
-        "clsx": "^1.1.1",
-        "csstype": "^3.0.11",
-        "prop-types": "^15.7.2"
+        "@mui/private-theming": "^5.9.3",
+        "@mui/styled-engine": "^5.10.2",
+        "@mui/types": "^7.1.5",
+        "@mui/utils": "^5.9.3",
+        "clsx": "^1.2.1",
+        "csstype": "^3.1.0",
+        "prop-types": "^15.8.1"
       }
     },
     "@mui/types": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.3.tgz",
-      "integrity": "sha512-DDF0UhMBo4Uezlk+6QxrlDbchF79XG6Zs0zIewlR4c0Dt6GKVFfUtzPtHCH1tTbcSlq/L2bGEdiaoHBJ9Y1gSA==",
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.1.5.tgz",
+      "integrity": "sha512-HnRXrxgHJYJcT8ZDdDCQIlqk0s0skOKD7eWs9mJgBUu70hyW4iA6Kiv3yspJR474RFH8hysKR65VVSzUSzkuwA==",
       "dev": true,
       "requires": {}
     },
     "@mui/utils": {
-      "version": "5.4.4",
-      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.4.4.tgz",
-      "integrity": "sha512-hfYIXEuhc2mXMGN5nUPis8beH6uE/zl3uMWJcyHX0/LN/+QxO9zhYuV6l8AsAaphHFyS/fBv0SW3Nid7jw5hKQ==",
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.9.3.tgz",
+      "integrity": "sha512-l0N5bcrenE9hnwZ/jPecpIRqsDFHkPXoFUcmkgysaJwVZzJ3yQkGXB47eqmXX5yyGrSc6HksbbqXEaUya+siew==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.17.2",
-        "@types/prop-types": "^15.7.4",
+        "@types/prop-types": "^15.7.5",
         "@types/react-is": "^16.7.1 || ^17.0.0",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.2.0",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+          "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==",
+          "dev": true
+        }
       }
     },
     "@napi-rs/triples": {
@@ -19133,9 +19237,9 @@
       }
     },
     "@popperjs/core": {
-      "version": "2.11.4",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.4.tgz",
-      "integrity": "sha512-q/ytXxO5NKvyT37pmisQAItCFqA7FD/vNb8dgaJy3/630Fsc+Mz9/9f2SziBoIZ30TJooXyTwZmhi1zjXmObYg==",
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
       "dev": true
     },
     "@react-dnd/asap": {
@@ -19311,9 +19415,9 @@
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
     },
     "@types/prop-types": {
-      "version": "15.7.4",
-      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
-      "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+      "version": "15.7.5",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
+      "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "@types/react": {
       "version": "17.0.42",
@@ -19335,9 +19439,9 @@
       }
     },
     "@types/react-transition-group": {
-      "version": "4.4.4",
-      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.4.tgz",
-      "integrity": "sha512-7gAPz7anVK5xzbeQW9wFBDg7G++aPLAFY0QaSMOou9rJZpbuI58WAuJrgu+qR92l61grlnCUe7AFX8KGahAgug==",
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==",
       "dev": true,
       "requires": {
         "@types/react": "*"
@@ -20853,9 +20957,9 @@
       }
     },
     "clsx": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
-      "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA=="
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz",
+      "integrity": "sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg=="
     },
     "collection-visit": {
       "version": "1.0.0",
@@ -21350,9 +21454,9 @@
       }
     },
     "csstype": {
-      "version": "3.0.11",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.11.tgz",
-      "integrity": "sha512-sa6P2wJ+CAbgyy4KFssIb/JNMLxFvKF1pCYCSXS8ZMuqZnMsrxqI2E5sPyoTpxoPU/gVZMzr2zjOfg8GIZOMsw=="
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+      "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
     },
     "cyclist": {
       "version": "1.0.1",
@@ -27485,9 +27589,9 @@
       }
     },
     "react-transition-group": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
-      "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
       "dev": true,
       "requires": {
         "@babel/runtime": "^7.5.5",
@@ -29416,9 +29520,9 @@
       "dev": true
     },
     "tss-react": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-3.6.0.tgz",
-      "integrity": "sha512-mtQ8VL0btMVZZtax5gwaGU+jSBdKtbYMLVCLGB26Bi+BcOI0GQ6GTn1EaeK1nSgN5qbe6FL0zEOC6qoY+8+MEg==",
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tss-react/-/tss-react-4.1.3.tgz",
+      "integrity": "sha512-Ul99aVoVngHY2nwFC87jZlGP+K3LfG9ZRakimOzRwgJz77f/zXWuY2FVzwaSc+OW804twNaxZZRtLlpagex8sg==",
       "requires": {
         "@emotion/cache": "*",
         "@emotion/serialize": "*",
diff --git a/package.json b/package.json
index 8d11c1779..0cb3ccca7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mui-datatables",
-  "version": "4.2.2",
+  "version": "4.3.0",
   "description": "Datatables for React using Material-UI",
   "main": "dist/index.js",
   "files": [
@@ -48,7 +48,7 @@
     "@babel/register": "^7.10.1",
     "@lopatnov/rollup-plugin-uglify": "^2.1.1",
     "@mui/icons-material": "^5.0.1",
-    "@mui/material": "^5.0.1",
+    "@mui/material": "^5.10.2",
     "@rollup/plugin-babel": "5.0.2",
     "@rollup/plugin-commonjs": "^12.0.0",
     "@rollup/plugin-node-resolve": "^8.0.0",
@@ -99,7 +99,7 @@
   },
   "peerDependencies": {
     "@mui/icons-material": "^5.0.1",
-    "@mui/material": "^5.0.1",
+    "@mui/material": "^5.9.3",
     "@emotion/react": "^11.4.1",
     "react": "^16.8.0 || ^17.0.2",
     "react-dom": "^16.8.0 || ^17.0.2"
@@ -107,7 +107,7 @@
   "dependencies": {
     "@babel/runtime-corejs3": "^7.12.1",
     "@emotion/cache": "^11.7.1",
-    "tss-react": "^3.6.0",
+    "tss-react": "^4.1.3",
     "clsx": "^1.1.1",
     "lodash.assignwith": "^4.2.0",
     "lodash.clonedeep": "^4.5.0",
diff --git a/src/plug-ins/DebounceSearchRender.js b/src/plug-ins/DebounceSearchRender.js
index 64cfe1942..41589dd6e 100644
--- a/src/plug-ins/DebounceSearchRender.js
+++ b/src/plug-ins/DebounceSearchRender.js
@@ -63,7 +63,6 @@ class _DebounceTableSearch extends React.Component {
     }
   };
 
-
   render() {
     const { classes, options, onHide, searchText, debounceWait } = this.props;
 
@@ -73,7 +72,6 @@ class _DebounceTableSearch extends React.Component {
 
     const clearIconVisibility = options.searchAlwaysOpen ? 'hidden' : 'visible';
 
-
     return (
       <Grow appear in={true} timeout={300}>
         <div className={classes.main}>
@@ -93,7 +91,7 @@ class _DebounceTableSearch extends React.Component {
             placeholder={options.searchPlaceholder}
             {...(options.searchProps ? options.searchProps : {})}
           />
-          <IconButton className={classes.clearIcon} style={{ visibility: clearIconVisibility }}  onClick={onHide}>
+          <IconButton className={classes.clearIcon} style={{ visibility: clearIconVisibility }} onClick={onHide}>
             <ClearIcon />
           </IconButton>
         </div>