Correct imports when imported in certain setups.

src/components/Footer.tsx

@@ -1,5 +1,10 @@
-import { Link, LinkProps, Typography, useTheme } from "@mui/material";
-import Grid from "@mui/material/Grid2";
+import {
+  Grid2 as Grid,
+  Link,
+  LinkProps,
+  Typography,
+  useTheme,
+} from "@mui/material";
 
 import React from "react";
 import {

src/components/User.tsx

@@ -4,13 +4,13 @@ import {
   Button,
   Box,
   Link,
+  Menu,
+  MenuItem,
   Stack,
   Typography,
   useTheme,
 } from "@mui/material";
 
-import Menu from "@mui/material/Menu";
-import MenuItem from "@mui/material/MenuItem";
 import { ReactNode, useState } from "react";
 
 import { MdLogin } from "react-icons/md";

src/themes/DiamondTheme.ts

@@ -1,4 +1,4 @@
-import { createTheme, Theme } from "@mui/material/styles";
+import { createTheme, Theme } from "@mui/material";
 
 import { BaseThemeOptions } from "./BaseTheme";
 

src/themes/GenericTheme.ts

@@ -1,4 +1,4 @@
-import { createTheme, Theme } from "@mui/material/styles";
+import { createTheme, Theme } from "@mui/material";
 
 import { BaseThemeOptions } from "./BaseTheme";
 

src/themes/ThemeProvider.test.tsx

@@ -1,7 +1,7 @@
 import "@testing-library/jest-dom";
 import { render } from "@testing-library/react";
 
-import { createTheme, Theme } from "@mui/material/styles";
+import { createTheme, Theme } from "@mui/material";
 
 import { ThemeProvider } from "./ThemeProvider";
 import { BaseThemeOptions } from "./BaseTheme";

src/themes/ThemeProvider.tsx

@@ -1,4 +1,4 @@
-import { ThemeProvider as Mui_ThemeProvider } from "@mui/material/styles";
+import { ThemeProvider as Mui_ThemeProvider } from "@mui/material";
 import { CssBaseline } from "@mui/material";
 import { GenericTheme } from "./GenericTheme";
 import { ThemeProviderProps as Mui_ThemeProviderProps } from "@mui/material/styles/ThemeProvider";