Calling AppBar results in TypeError: Cannot read properties of undefined (reading '1')

[5hal1n]

Steps to reproduce

Link to live example: (required)
https://stackblitz.com/~/github.com/shalin-okada/slack_log_viewer

Steps:

1. Build an environment with the latest version of Next.js, MUI, and pigment-css
2. Create Header component which include MuiAppBar component.
3. Call Header component in layout.tsx

Current behavior

Unhandled Runtime Error is throwed from Paper Component

Expected behavior

Render AppBar

Context

No response

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.6.1
  Binaries:
    Node: 20.17.0 - ~/.nodenv/versions/20.17.0/bin/node
    npm: 10.8.2 - ~/.nodenv/versions/20.17.0/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 128.0.6613.114
    Edge: Not Found
    Safari: 17.6
  npmPackages:
    @emotion/react: ^11.13.3 => 11.13.3 
    @emotion/styled: ^11.13.0 => 11.13.0 
    @mui/core-downloads-tracker:  6.0.1 
    @mui/icons-material: ^6.0.1 => 6.0.1 
    @mui/material: ^6.0.1 => 6.0.1 
    @mui/material-pigment-css: ^6.0.1 => 6.0.1 
    @mui/private-theming:  6.0.1 
    @mui/styled-engine:  6.0.1 
    @mui/system:  6.0.1 
    @mui/types:  7.2.16 
    @mui/utils:  6.0.1 
    @pigment-css/nextjs-plugin: ^0.0.21 => 0.0.21 
    @pigment-css/react:  0.0.21 
    @pigment-css/unplugin:  0.0.21 
    @types/react: ^18 => 18.3.5 
    react: ^17.0.0 || ^18.0.0 => 18.3.1 
    react-dom: ^17.0.0 || ^18.0.0 => 18.3.1 
    typescript: ^5 => 5.5.4

Search keywords: AppBar, pigment css

[5hal1n]

I miss in pigment config.I should use extendTheme instead of createTheme

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @shalin-okada! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!