TypeError: Cannot read properties of undefined (reading 'dark')

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

I am migrating a project create with create-react-app from v5, and I am getting the following error for every page:

Expected Behavior 🤔

An app should load.

Steps to Reproduce 🕹

This was causing the issue:

<Button
            variant="contained"
            color="default"
            size="medium"
            startIcon={<AddIcon />}
            component={Link}
            to="/create"
          >

Removing color property fixed the issue.

Context 🔦

Your Environment 🌎

`npx @mui/envinfo`

I use Google Chrome.

  System:
    OS: macOS 11.6
  Binaries:
    Node: 14.4.0 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 7.20.1 - /usr/local/bin/npm
  Browsers:
    Chrome: 93.0.4577.82
    Edge: Not Found
    Firefox: 88.0.1
    Safari: 14.1.2
  npmPackages:
    @emotion/react: ^11.4.1 => 11.4.1 
    @emotion/styled: ^11.3.0 => 11.3.0 
    @mui/core:  5.0.0-alpha.47 
    @mui/icons-material: ^5.0.0 => 5.0.0 
    @mui/material: ^5.0.0 => 5.0.0 
    @mui/private-theming:  5.0.0 
    @mui/styled-engine:  5.0.0 
    @mui/system:  5.0.0 
    @mui/types:  7.0.0 
    @mui/utils:  5.0.0 
    @types/react:  17.0.21 
    react: ^17.0.2 => 17.0.2 
    react-dom: ^17.0.2 => 17.0.2 
    typescript:  4.4.3 

[mnajdova]

The button no longer support the default color. These are the valid color values:

'inherit', 'primary', 'secondary', 'success', 'error', 'info', 'warning'

See the API page - https://mui.com/api/button/

[TrustyTechSG]

Im also getting this error on my nextJS project with v5, my is “Cannot read properties of undefined (reading ‘main’)”