revert some changes

src/App.js

@@ -1,7 +1,5 @@
 import React from "react";
 import { Admin, Resource, resolveBrowserLocale } from "react-admin";
-import { StylesProvider, createGenerateClassName } from "@mui/styles";
-import { createTheme, ThemeProvider } from "@mui/material/styles";
 import polyglotI18nProvider from "ra-i18n-polyglot";
 import authProvider from "./synapse/authProvider";
 import dataProvider from "./synapse/dataProvider";
@@ -43,15 +41,7 @@ const i18nProvider = polyglotI18nProvider(
   resolveBrowserLocale()
 );
 
-const theme = createTheme();
-const generateClassName = createGenerateClassName({
-  disableGlobal: true,
-  seed: "mui-jss",
-});
-
 const App = () => (
-  <StylesProvider generateClassName={generateClassName}>
-    <ThemeProvider theme={theme}>
   <Admin
     disableTelemetry
     loginPage={LoginPage}
@@ -59,11 +49,7 @@ const App = () => (
     dataProvider={dataProvider}
     i18nProvider={i18nProvider}
     customRoutes={[
-          <Route
+      <Route key="userImport" path="/import_users" component={ImportFeature} />,
-            key="userImport"
-            path="/import_users"
-            component={ImportFeature}
-          />,
     ]}
   >
     <Resource
@@ -73,12 +59,7 @@ const App = () => (
       edit={UserEdit}
       icon={UserIcon}
     />
-        <Resource
+    <Resource name="rooms" list={RoomList} show={RoomShow} icon={RoomIcon} />
-          name="rooms"
-          list={RoomList}
-          show={RoomShow}
-          icon={RoomIcon}
-        />
     <Resource
       name="user_media_statistics"
       list={UserMediaStatsList}
@@ -119,8 +100,6 @@ const App = () => (
     <Resource name="room_state" />
     <Resource name="destination_rooms" />
   </Admin>
-    </ThemeProvider>
-  </StylesProvider>
 );
 
 export default App;

src/components/LoginPage.js

@@ -22,7 +22,7 @@ import {
   Select,
   TextField,
 } from "@mui/material";
-import { makeStyles } from "@mui/styles";
+import { makeStyles } from "@material-ui/core/styles";
 import LockIcon from "@mui/icons-material/Lock";
 
 const useStyles = makeStyles(theme => ({

src/components/LoginPage.test.js

@@ -4,16 +4,12 @@ import { TestContext } from "ra-test";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
 import LoginPage from "./LoginPage";
 
-const theme = createTheme();
-
 describe("LoginForm", () => {
   it("renders", () => {
     render(
-      <ThemeProvider theme={theme}>
       <TestContext>
         <LoginPage />
       </TestContext>
-      </ThemeProvider>
     );
   });
 });

src/components/devices.js

@@ -8,7 +8,7 @@ import {
   useRefresh,
 } from "react-admin";
 import ActionDelete from "@mui/icons-material/Delete";
-import { makeStyles } from "@mui/styles";
+import { makeStyles } from "@material-ui/core/styles";
 import { alpha } from "@mui/material/styles";
 import classnames from "classnames";
 

src/components/media.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useState } from "react";
 import classnames from "classnames";
 import { alpha } from "@mui/material/styles";
-import { makeStyles } from "@mui/styles";
+import { makeStyles } from "@material-ui/core/styles";
 import {
   BooleanInput,
   Button,