diff --git a/package.json b/package.json index 189ee77..f5cd621 100644 --- a/package.json +++ b/package.json @@ -5,22 +5,22 @@ "type": "module", "scripts": { "dev": "vite", - "build": "tsc -b && vite build", + "build": "vite build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "dependencies": { "@emotion/react": "latest", "@emotion/styled": "latest", - "@mui/icons-material": "latest", + "@mui/icons-material": "6.0.2", "@mui/lab": "latest", - "@mui/material": "latest", - "@mui/material-pigment-css": "latest", + "@mui/material": "6.0.2", + "@mui/material-pigment-css": "6.0.2", "react": "latest", "react-dom": "latest" }, "devDependencies": { - "@pigment-css/vite-plugin": "latest", + "@pigment-css/vite-plugin": "0.0.22", "@types/react": "latest", "@types/react-dom": "latest", "@vitejs/plugin-react": "latest", diff --git a/src/App.tsx b/src/App.tsx index 60bca53..3b36662 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,7 @@ - -import { CheckCircle, Visibility, VisibilityOff } from "@mui/icons-material"; -import LoadingButton from "@mui/lab/LoadingButton"; +import { useEffect, useState } from "react"; +import CheckCircle from '@mui/icons-material/CheckCircle'; +import Visibility from '@mui/icons-material/Visibility'; +import VisibilityOff from '@mui/icons-material/VisibilityOff'; import CircularProgress from "@mui/material/CircularProgress"; import CssBaseline from "@mui/material/CssBaseline"; import FormControl from "@mui/material/FormControl"; @@ -13,7 +14,6 @@ import Paper from "@mui/material/Paper"; import Typography from "@mui/material/Typography"; import Container from "@mui/material-pigment-css/Container"; import Stack from "@mui/material-pigment-css/Stack"; -import { useEffect, useState } from "react"; function App(): JSX.Element | null { const [isPageLoading, setIsPageLoading] = useState(true); diff --git a/vite.config.ts b/vite.config.ts index a64248b..c37568f 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -14,4 +14,12 @@ const pigmentConfig = { // https://vitejs.dev/config/ export default defineConfig({ plugins: [react(), pigment(pigmentConfig)], + resolve: { + alias: [ + { + find: /^@mui\/icons-material\/(.*)/, + replacement: '@mui/icons-material/esm/$1', + }, + ], + }, });