Display props – Gatsby

gatsby-node.js

const path = require("path");

exports.createPages = async ({ actions, graphql }) => {
  const pageTemplate = path.resolve("src/templates/page.js");
  const { createPage } = actions;

  const { data } = await graphql(`
    query AllPagesQuery {
      allWpPage {
        nodes {
          databaseId
          blocks
          uri
        }
      }
    }
  `);
  for (let i = 0; i < data.allWpPage.nodes.length; i++) {
    const page = data.allWpPage.nodes[i];
    let blocks = page.blocks;
    createPage({
      path: page.uri,
      component: pageTemplate,
      context: {
        blocks,
      },
    });
  }
};

src/templates/page.js

import React from "react";

const Page = (props) => {
  console.log("Page props: ", props);
  return (
    <div>
      <p>This is page template</p>
    </div>
  );
};

export default Page;