Material-ui: colors undefined

[michaelroevievictoria]

Hi I'm create MuiTheme.js and I used the update version of material ui

My error looks like this
TypeError: Cannot read property 'cyan500' of undefined

and my MuiTheme.js Looks like this

import { colors, spacing, zIndex } from '@material-ui/core/styles';

export default {
  spacing,
  zIndex,
  fontFamily: 'Roboto, sans-serif',
  palette: {
    accent1Color: colors.cyan500,
    textColor: colors.blueGrey700,
  },
  bottomNavigation: {
    unselectedColor: colors.blueGrey700,
    selectedColor: colors.blue700,
  },
};

can you help me the proper set up why my colors in undefiend ?

[eps1lon]

- colors.cyan500
+ colors.cyan['500']

Why did you think you could access the colors the way you did?

[michaelVictoriaDev]

@eps1lon actually I forgot how I set up my material ui in my old project :) Thanks for helping me out there