Skip to content

Next.js 16 Support #413

@jooy2

Description

@jooy2

Steps to reproduce

Steps:

  1. run npm install next@16 and npm install @pigment-css/nextjs-plugin@0.0.30

Current behavior

npm i
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @pigment-css/nextjs-plugin@0.0.30
npm error Found: next@16.0.1
npm error node_modules/next
npm error   next@"16.0.1" from the root project
npm error   peer next@"^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0" from @mui/material-nextjs@7.3.5
npm error   node_modules/@mui/material-nextjs
npm error     @mui/material-nextjs@"7.3.5" from the root project
npm error   3 more (@next/third-parties, cookies-next, next-intl)
npm error
npm error Could not resolve dependency:
npm error peer next@"^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0" from @pigment-css/nextjs-plugin@0.0.30
npm error node_modules/@pigment-css/nextjs-plugin
npm error   @pigment-css/nextjs-plugin@"0.0.30" from the root project
npm error
npm error Conflicting peer dependency: next@15.5.6
npm error node_modules/next
npm error   peer next@"^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0" from @pigment-css/nextjs-plugin@0.0.30
npm error   node_modules/@pigment-css/nextjs-plugin
npm error     @pigment-css/nextjs-plugin@"0.0.30" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error /Users/joo/.npm/_logs/2025-11-08T02_13_03_801Z-eresolve-report.txt
npm error A complete log of this run can be found in: /Users/joo/.npm/_logs/2025-11-08T02_13_03_801Z-debug-0.log

Expected behavior

The module must be installed correctly.

Context

I am using @pigment-css/nextjs-plugin@0.0.30. When attempting to install the recently released Next.js 16, I encounter the error shown above.

After performing a force install and running it, I did not encounter any specific usage issues. Therefore, I kindly request that you allow the installation of Next.js 16 in the peerDependency version.

Your environment

npx @mui/envinfo
  System:
    OS: macOS 26.0.1
  Binaries:
    Node: 24.11.0 - /Users/joo/.nvm/versions/node/v24.11.0/bin/node
    npm: 11.6.2 - /Users/joo/.nvm/versions/node/v24.11.0/bin/npm
    pnpm: 10.14.0 - /Users/joo/Library/pnpm/pnpm
  Browsers:
    Chrome: 142.0.7444.60
    Edge: Not Found
    Firefox: 143.0.1
    Safari: 26.0.1
  npmPackages:
    @emotion/react:  11.13.3 
    @emotion/styled:  11.13.0 
    @mui/core-downloads-tracker:  7.3.5 
    @mui/icons-material: 7.3.5 => 7.3.5 
    @mui/material: 7.3.5 => 7.3.5 
    @mui/material-nextjs: 7.3.5 => 7.3.5 
    @mui/material-pigment-css: 7.3.5 => 7.3.5 
    @mui/private-theming:  6.3.1 
    @mui/styled-engine:  6.3.1 
    @mui/system:  6.3.1 
    @mui/types:  7.4.8 
    @mui/utils:  6.3.1 
    @pigment-css/nextjs-plugin: 0.0.30 => 0.0.30 
    @pigment-css/react:  0.0.30 
    @pigment-css/unplugin:  0.0.30 
    @types/react: 19.2.2 => 19.2.2 
    react: 19.2.0 => 19.2.0 
    react-dom: 19.2.0 => 19.2.0 
    typescript: 5.9.3 => 5.9.3 

Search keywords: next.js16,nextjs16,next16

Metadata

Metadata

Assignees

Labels

integration: nextjsNext.jsscope: systemThe system, the design tokens / styling foundations used across components. eg. @mui/system with MUIstatus: waiting for maintainerThese issues haven't been looked at yet by a maintainer.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions