[material-ui][Paper] Cannot read properties of undefined reading 'paper'

[Abhay5855]

Steps to reproduce

Link to live example: https://mui.com/material-ui/customization/palette/

Steps:

1. Install MUI v5 (5.15.1).
2. Import ThemeProvider and createTheme from mui/material/styles.
3. Using the palette from createTheme.
4. Using the button component
5. on rendering getting the error cannot read properties of undefined (reading 'paper').
   

Current behavior

import { css } from "@emotion/react";
import { createTheme, Theme } from "@mui/material/styles";

import { themeV1Vars, themeV2Vars } from "./colors";


export const themeV1: Theme = createTheme({
  palette: {
    primary: {
      main: themeV1Vars.p1,
    },
    secondary: {
      main: themeV1Vars.p2,
    },
    mode: "light",
  },
  typography: {
    fontFamily: `"Inter", Helvetica, Arial, sans-serif`,
    button: {
      textTransform: "capitalize",
    },
  },
});

export const themeV2: Theme = createTheme({
  palette: {
    primary: {
      main: themeV2Vars.p1,
    },
    secondary: {
      main: themeV2Vars.p2,
    },
    mode: "dark",
  },
  typography: {
    fontFamily: `"Inter", Helvetica, Arial, sans-serif`,
    button: {
      textTransform: "capitalize",
    },
  },
});

export const themeV1Colors: { [key: string]: string } = {
  ...themeV1Vars,
  background: themeV1Vars.palette.background.paper,
};

export const themeV2Colors: { [key: string]: string } = {
  ...themeV2Vars,
  background: themeV2Vars.palette.background.paper,
};

Using this code It was working before, but after it is throwing an error, It is working on some browsers but not working on some.

Expected behavior

Originally it was working the palette.backgroud.paper was running and working, but initially it is not working on some browsers, locally I am using MUI version 5.15.1.

Context

For creating themes, I am using the themeProvider from MUI, But due to some reasons It is throwing error on running the app, It works on refresh but again throws the error, I also tried upgrading to v5 (5.15.11), still facing the same issue.

Your environment

No response

Search keywords: paper

Search keywords:

[alexfauquette]

The Paper component in in the material-ui repo. I'm transfering the issue.

Except if it's an already known issue, I doubt the team could do something with you issue without a reproduction. Consider adding a codesandbow, or a stackblitz demo of your bug

[Abhay5855]

This is the code I have done and above is the issue produced in the browser.

[sumitappt]

I don't know if it's the same issue but I'm also facing the
same problem i'm getting getContrastText undefined

[Abhay5855]

The palette.background does not have the paper property defined, hence it's throwing error.

[ARJ2160]

I'm shooting in the dark here but shouldn't Mui provide all the properties and functions like getContrastText and paper itself?
As I see it createTheme is supposed to append custom styles/properties and also default functions from the library.
Any reason why the behavior of createTheme has changed suddenly?

[siriwatknp]

Can you provide a CodeSandbox that reproduces the issue? It's hard for maintainer to suggest a fix without a reproducible sandbox.

[Abhay5855]

Can you provide a CodeSandbox that reproduces the issue? It's hard for maintainer to suggest a fix without a reproducible sandbox.

https://codesandbox.io/p/sandbox/back-ns3wv4?file=%2Fsrc%2FApp.js%3A1%2C1-57%2C1

[azabonik]

Are there any updates or workarounds for this? Our development team is basically fully-blocked due to this issue.

[siriwatknp]

Can you provide a CodeSandbox that reproduces the issue? It's hard for maintainer to suggest a fix without a reproducible sandbox.

https://codesandbox.io/p/sandbox/back-ns3wv4?file=%2Fsrc%2FApp.js%3A1%2C1-57%2C1

@Abhay5855 is it not working? I can console.log(theme.palette.background.paper).

[siriwatknp]

Are there any updates or workarounds for this? Our development team is basically fully-blocked due to this issue.

I still could not reproduce the issue. Can you share a codesandbox?

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.