diff --git a/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md b/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md index 4783bfd4f7a8fa..0b4789c482af56 100644 --- a/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md +++ b/docs/data/material/migration/upgrade-to-v6/migrating-to-pigment-css.md @@ -31,15 +31,15 @@ First, install the Material UI wrapper package for Pigment CSS: ```bash npm -npm install @mui/material-pigment-css +npm install @mui/material-pigment-css @pigment-css/react ``` ```bash pnpm -pnpm add @mui/material-pigment-css +pnpm add @mui/material-pigment-css @pigment-css/react ``` ```bash yarn -yarn add @mui/material-pigment-css +yarn add @mui/material-pigment-css @pigment-css/react ``` diff --git a/examples/material-ui-pigment-css-nextjs-ts/package.json b/examples/material-ui-pigment-css-nextjs-ts/package.json index e1e5929ece8d83..f1b6103ef7a9d1 100644 --- a/examples/material-ui-pigment-css-nextjs-ts/package.json +++ b/examples/material-ui-pigment-css-nextjs-ts/package.json @@ -11,6 +11,7 @@ "dependencies": { "@mui/material": "latest", "@mui/material-pigment-css": "latest", + "@pigment-css/react": "latest", "next": "latest", "react": "latest", "react-dom": "latest" diff --git a/examples/material-ui-pigment-css-vite-ts/package.json b/examples/material-ui-pigment-css-vite-ts/package.json index a44124f0d952e0..fe853d4f5d03a3 100644 --- a/examples/material-ui-pigment-css-vite-ts/package.json +++ b/examples/material-ui-pigment-css-vite-ts/package.json @@ -12,6 +12,7 @@ "dependencies": { "@mui/material": "latest", "@mui/material-pigment-css": "latest", + "@pigment-css/react": "latest", "react": "latest", "react-dom": "latest" }, diff --git a/packages/mui-material-pigment-css/package.json b/packages/mui-material-pigment-css/package.json index d6613142a7f76f..7d2fd6cd52485b 100644 --- a/packages/mui-material-pigment-css/package.json +++ b/packages/mui-material-pigment-css/package.json @@ -40,8 +40,10 @@ }, "dependencies": { "@babel/runtime": "^7.26.0", - "@mui/system": "workspace:*", - "@pigment-css/react": "0.0.27" + "@mui/system": "workspace:*" + }, + "peerDependencies": { + "@pigment-css/react": "^0.0.27" }, "sideEffects": false, "publishConfig": {