Grid V2 breakpoint only applied with props order

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Code example

Current behavior 😯

md breakpoint only used if placed as last prop

Expected behavior 🤔

All items should use 4 cols on md breakpoint and up.

Context 🔦

No response

Your environment 🌎

npx @mui/envinfo

  System:
    OS: macOS 13.0
  Binaries:
    Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 8.19.2 - ~/dev/fixely/fuel-delta/fuel-delta-frontend/node_modules/.bin/npm
  Browsers:
    Chrome: 106.0.5249.119
    Edge: Not Found
    Firefox: Not Found
    Safari: 16.1
  npmPackages:
    @emotion/react: ^11.10.0 => 11.10.5
    @emotion/styled: ^11.10.0 => 11.10.5
    @mui/base:  5.0.0-alpha.103
    @mui/core-downloads-tracker:  5.10.11
    @mui/material: ^5.10.1 => 5.10.11
    @mui/private-theming:  5.10.9
    @mui/styled-engine:  5.10.8
    @mui/system:  5.10.10
    @mui/types:  7.2.0
    @mui/utils:  5.10.9
    @mui/x-date-pickers: ^5.0.6 => 5.0.6
    @types/react:  18.0.24
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    typescript: ^4.7.4 => 4.8.4

[sai6855]

sure, i found the root cause. will create PR once i fix it

[sai6855]

This looks like a bug to me. The behavior should not depend on the order of props.

hey i’m big fan of material ui, using it in almost all of my projects. i want to contritube to mui, can i work on this issue?