foo.jsx

import React from "react";
import Recipe from "./recipe";

export default function recipeTemplate(props) {
  console.log(props)

  return (
    <section>
      <Recipe
        title={props.pageContext.recipe.title}
        ingredientArray={props.pageContext.recipe.ingredients}
        instructionArray={props.pageContext.recipe.instructions}
        note={props.pageContext.recipe.note}
      />
    </section>
  );
}