Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Material UI V1.0.0-beta.36 TypeError: Cannot read property '@media (min-width:600px)' of undefined

See original GitHub issue

Expected Behavior

Work as normal as should be 💃

Current Behavior

After upgrading to Material UI V1.0.0-beta.36 it return me TypeError: Cannot read property '@media (min-width:600px)' of undefined. Its not happening on beta-35. When I saw the detail it direct me to gutters: theme.mixins.gutters(). node_modules/material-ui/Toolbar/Toolbar.js:45

Your Environment

Tech	Version
Material-UI	v1.0.0-beta.36
React	v16.2.0
browser	Chrome
etc	Mac

Issue Analytics

State:
Created 6 years ago
Comments:8 (8 by maintainers)

Top GitHub Comments

1reaction

simoamicommented, Mar 7, 2018

@oliviertassinari Sorry I was running beta.30 but this is a recent fix (from Feb 28)

0reactions

oliviertassinaricommented, Mar 7, 2018

@simoami I don’t have the same code on npm: https://unpkg.com/material-ui@1.0.0-beta.36/styles/createMixins.js

function createMixins(breakpoints, spacing, mixins) {
  var _toolbar;

  return (0, _extends4.default)({
    gutters: function gutters() {
      var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

      return (0, _extends4.default)({
        paddingLeft: spacing.unit * 2,
        paddingRight: spacing.unit * 2
      }, styles, (0, _defineProperty3.default)({}, breakpoints.up('sm'), (0, _extends4.default)({
        paddingLeft: spacing.unit * 3,
        paddingRight: spacing.unit * 3
      }, styles[breakpoints.up('sm')])));
    },

Top Results From Across the Web

Material UI V1.0.0-beta.36 TypeError: Cannot read ... - GitHub

After upgrading to Material UI V1.0.0-beta.36 it return me TypeError: Cannot read property '@media (min-width:600px)' of undefined .

MaterialUI 5 : TypeError: Cannot read properties of undefined ...

Just ran into this myself. You can import createTheme from @mui/material/styles or @mui/system , but they do slightly different things:.

Troubleshooting - Material UI - MUI

TypeError : Cannot read properties of undefined (reading 'pxToRem'). This error results from trying to access an empty theme. Make sure that you...

@mui/icons-material | Yarn - Package Manager

@mui/icons-material. This package provides the Google Material Icons converted to SvgIcon components. Installation. Install the package in your project ...

CHANGELOG.md · 脚本测试11/material-ui - Gitee.com

Build your own design system, or start with Material Design. ... 'lg') // '@media (min-width:600px) and (max-width:1279.95px)' - [sm, lg).