Gatsby build production error using Material UI

Wayne-CO — Tue, 24 Dec 2019 09:50:17 +0000

Hi, I'm getting an error when trying to build production for gatsby, but on develop my website runs with no problem. I'm using Material UI and it's choking on the areas that I'm using the library. Hope anyone has any ideas.

My repo is hosted at: https://github.com/Wayne-CO/Greenstone-Wellness

When running gatsby build I get:

failed Building static HTML for pages - 6.444s

ERROR #95313

Building static HTML failed for path "/404/"

See our docs page for more info on this error:
https://gatsby.dev/debug-html

15 | }, 16 | activeLink: {

17 | color: ${theme.link.active} !important,
| ^ 18 | }, 19 | linkLogo: { 20 | height: "100%",

WebpackError: TypeError: Cannot read property 'active' of undefined

This is the part of my code that's running into an error during build. It can't be a misuse because on develop it's working.

const useStyles = makeStyles(theme => ({
  appBar: {
    backgroundColor: "transparent",
    position: "relative",
    boxShadow: "none",
    marginBottom: props => props.data.headerMb,
  },
  activeLink: {
    color: `${theme.link.active} !important`,
  }
}))

DEV Community: Wayne-CO

Gatsby build production error using Material UI