Using createPages to send context to a page and I get the context an empty object.

[raultds]

Hi, I'm getting the pageContext object empty when I'm trying to send it an object using createPages on gatsby-node.js.

Here is the code of gatsby-node.js:

const axios = require('axios')

const get = axios.get('https://cv-page.prismic.io/api/v1/documents/search?ref=YDNpXBUAAMmV9aOD#format=json');

async function getPrismicData(){
  const data = await get;
  return getExperiences(data.data)
}
  	

function getExperiences(data) {
    var object = [{
      experienceTitle: data.results[0].data.cv.experiences.value[0]["experience-title"].value[0].text,
      dateEnd: data.results[0].data.cv.experiences.value[0]["date-end"].value,
      dateStart: data.results[0].data.cv.experiences.value[0]["date-start"].value
    },
    {
      experienceTitle: data.results[0].data.cv.experiences.value[1]["experience-title"].value[0].text,
      dateEnd: data.results[0].data.cv.experiences.value[1]["date-end"].value,
      dateStart: data.results[0].data.cv.experiences.value[1]["date-start"].value
    }
  ]
  return object;
}

exports.createPages = async({actions: {createPage}}) => {
  const prismicData = await getPrismicData();
  console.log(prismicData)

  createPage({
      path: `/`,
      component: require.resolve("./src/pages/index.js"),
      context: {prismicData}
  });

}

Here is the code of index.js:

import React from "react"

import LeftColumn from "../components/left_column"
import RightColumn from "../components/right_column"
import "./index.css"

export default (context) => {
  console.log(context)
  return(
    <div className="two-columns">
      <LeftColumn></LeftColumn>
      <RightColumn></RightColumn>
    </div>
  )
}

On the console.log(context) in the browser, I see the pageContext object as empty {}. What am I doing wrong?

[nibtime]

@raultds

you are storing the page template in src/pages which is managed by the default Gatsby page generation. Does it work if you move it to src/templates?