Getting a error TypeError: color.charAt is not a function in C:/...../node_modules/@material-ui/core/styles/colorManipulator.js:148 : <p>Here is a link to the screenshot of the error : <a href="https://drive.google.com/open?id=1HL-Fy1M4tHp9qMUpt88PzOfI10AHHem-" rel="noreferrer">https://drive.google.com/open?id=1HL-Fy1M4tHp9qMUpt88PzOfI10AHHem-</a> .</p>

<p>This is the code portion where colors are used.</p>

<pre><code>const theme = createMuiTheme({
  palette: {
    primary: {
      light: '#33c9dc',
      main: '#00bcd4',
      dark: '#008394',
      contrastText: '#fff'
    },
    secondary: {
      light: '#ff6333',
      main: '#ff3d00',
      dark: '#b22a00',
      contrastText: '#fff'
    }
  },
  typography: {
    useNextVariants: true
  },
  form: {
    textAlign: "center"
  },
  image: {
    margin: "10px auto 10px auto"
  },
  pageTitle: {
    margin: "10px auto 10px auto"
  },
  textField: {
    margin: "10px auto 10px auto"
  },
  button: {
    marginTop: 20,
    position: "relative"
  },
  customError: {
    color: "red",
    fontSize: "0.8rem",
    marginTop: 5
  },
  progress: {
    position: "absolute"
  }
});
</code></pre>

<p>I already tried changing the colors from hexadecimal to rgb values, it didn't work.</p>
