Error on build, state is undefined

[intelligence]

Hello!

First and foremost, thanks for this resource!

I've implemented this in my app and it's been working great while in development, but now when I try to build my project I'm having some troubles.

  53 | 
  54 |   return (
> 55 |     <Menu state={state} menuNavigation={state.menuNavigation}>
     |                                               ^
  56 |       <Inner>
  57 |         <MenuLocal />
  58 |         <MenuGlobal />


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

Any idea for a fix?

[intelligence]

Ok, so seems like passing initialState with usage of context is a quick and dirty fix
const state = useContext(GlobalStateContext) || { menuNavigation: 'closed' }

As per: gatsbyjs/gatsby#12104 (comment)