Changing page context

gatsby-node.js

@@ -17,11 +17,11 @@ exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
   }
 }
 
-exports.createPages = async ({ actions }) => {
-  console.log('Creating pages');
+exports.createPages = async ({ actions }, themeOptions) => {
   const basePath = "/"
   actions.createPage({
     path: basePath,
     component: require.resolve("./src/pages/index.js"),
+    context: { menuComponents: themeOptions.menuComponents }
   })
 }

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@alcipir/gatsby-ipfs-web-wallet",
+  "name": "gatsby-ipfs-web-wallet-testing",
   "description": "A gatsbyjs app with adminlte2 integration and basic Bitcoin Cash wallet functionality.",
   "version": "1.0.1",
   "main": "index.js",

src/pages/index.js

@@ -29,12 +29,6 @@ let ConnectedDashboard = AdminLTE
   : null
 
 
-class AdminLTEPage extends React.Component {
-  state = {}
-
-  render() {
-    return <>{ConnectedDashboard && <ConnectedDashboard />}</>
-  }
-}
+const AdminLTEPage = ({ pageContext }) => <>{ConnectedDashboard && <ConnectedDashboard menuComponents={pageContext.menuComponents} />}</>
 
 export default AdminLTEPage