Skip to content

[material-ui][nextjs] 14.2.0 crashes with Error: Element type is invalid #41865

@Thinkscape

Description

@Thinkscape

Steps to reproduce

Link to live example: https://github.com/nunesunil/next-js

To repro have a /src/app/some/page.tsx like so:

import { Typography } from "@mui/material";

export function Page() {
  return <Typography>hello world</Typography>;
}
next build
next start

Current behavior

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
    at nM (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:61599)
    at nM (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:61546)
    at nN (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:64546)
    at nB (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:67538)
    at nD (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:66680)
    at nN (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:64853)
    at nB (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:67538)
    at nM (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:58560)
    at nN (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:64546)
    at nN (/projectg/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:64825) {
  digest: '4135225613'
}

Expected behavior

Page renders.

Page renders successfully.
Same code works fine in [email protected]

Context

vercel/next.js#64369

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.3.1
    CPU: (16) arm64 Apple M3 Max
    Memory: 9.67 GB / 128.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 21.6.2 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.2.4 - /opt/homebrew/bin/npm
    pnpm: 8.3.1 - /opt/homebrew/bin/pnpm
    bun: 1.0.32 - /opt/homebrew/bin/bun
  Managers:
    Cargo: 1.67.1 - ~/.cargo/bin/cargo
    CocoaPods: 1.12.1 - /opt/homebrew/bin/pod
    Homebrew: 4.2.17 - /opt/homebrew/bin/brew
    pip3: 24.0 - /opt/homebrew/bin/pip3
    RubyGems: 3.0.3.1 - /usr/bin/gem
  Utilities:
    Make: 3.81 - /usr/bin/make
    GCC: 15.0.0 - /usr/bin/gcc
    Git: 2.37.3 - /opt/homebrew/bin/git
    Clang: 15.0.0 - /usr/bin/clang
    Curl: 8.6.0 - /opt/homebrew/bin/curl
  Servers:
    Apache: 2.4.56 - /usr/sbin/apachectl
  Virtualization:
    Docker: 25.0.3 - /usr/local/bin/docker
    Docker Compose: 2.24.5 - /usr/local/bin/docker-compose
  IDEs:
    Vim: 9.0 - /usr/bin/vim
    Xcode: /undefined - /usr/bin/xcodebuild
  Languages:
    Bash: 3.2.57 - /bin/bash
    Go: 1.20.1 - /opt/homebrew/bin/go
    Perl: 5.30.3 - /usr/bin/perl
    Protoc: 25.1 - /opt/homebrew/bin/protoc
    Python3: 3.12.2 - /opt/homebrew/bin/python3
    Ruby: 2.6.10 - /usr/bin/ruby
    Rust: 1.67.1 - /Users/thinkscape/.cargo/bin/rustc
  Databases:
    PostgreSQL: 16.1 - /opt/homebrew/bin/postgres
    SQLite: 3.43.2 - /usr/bin/sqlite3
  Browsers:
    Chrome: 123.0.6312.122
    Edge: 123.0.2420.81
    Safari: 17.3.1

Search keywords: next, mui, element type is invalid

Metadata

Metadata

Assignees

Labels

external dependencyBlocked by external dependency, we can’t do anything about it.nextjsscope: typographyChanges related to typography.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions