Skip to content

[data grid] 8.11.0 + MUI v5 console error - MUI: the styled API requires all its args to be defined #19456

@kryops

Description

@kryops

Steps to reproduce

Steps:

  1. Open this link to live example: https://stackblitz.com/edit/vitejs-vite-rsaljx7w?file=src%2FApp.jsx
  2. Look into the DevTools console

Current behavior

I get a console error:

MUI: the styled(component)(...args) API requires all its args to be defined.
overrideMethod | @ | hook.js:608
-- | -- | --
  | (anonymous) | @ | index.js:21
  | muiStyledResolver | @ | createStyled.js:242
  | (anonymous) | @ | GridColumnsManagement.js:316

Expected behavior

No response

Context

Started occurring between 8.10.2 and 8.11.0

Your environment

npx @mui/envinfo
System:
    OS: macOS 15.6.1
  Binaries:
    Node: 22.19.0 - ~/.nvm/versions/node/v22.19.0/bin/node
    npm: 10.9.3 - ~/.nvm/versions/node/v22.19.0/bin/npm
    pnpm: 9.15.2 - ~/.nvm/versions/node/v22.19.0/bin/pnpm
  Browsers:
    Chrome: 139.0.7258.157
    Edge: Not Found
    Safari: 18.6
  npmPackages:
    @emotion/react: 11.14.0 => 11.14.0 
    @emotion/styled: 11.14.1 => 11.14.1 
    @mui/core-downloads-tracker:  5.18.0 
    @mui/material: 5.18.0 => 5.18.0 
    @mui/private-theming:  5.17.1 
    @mui/styled-engine:  7.3.2 
    @mui/system:  7.3.2 
    @mui/types:  7.2.24 
    @mui/utils:  5.17.1 
    @mui/x-data-grid: 8.11.0 => 8.11.0 
    @mui/x-internals:  8.11.0 
    @mui/x-virtualizer:  0.1.4 
    @types/react: ^19.1.10 => 19.1.12 
    react: ^19.1.1 => 19.1.1 
    react-dom: ^19.1.1 => 19.1.1

Reproduced in Chrome and Firefox

Search keywords: devtools warning emotion

Metadata

Metadata

Assignees

No one assigned

    Labels

    scope: data gridChanges related to the data grid.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions