docs: make example more clear that it is contained within a react com…

…ponent

README.md

@@ -287,8 +287,8 @@ returns something similar to:
 **Note**: Certain fields under `attributes` are returned as strings to provide better [resiliency](https://forums.fauna.com/t/how-to-store-arbitrary-json-object-via-graphql/142/3) when used with GraphQL. Therefore, these fields (`custom_fields`, `tags`, `colors.dominant_colors`) will need to be parsed back into JSON objects after being queried. The example below demonstrates how to do this:
 
 ```js
-{
-  data.allContentfulArticle.edges.map(({ node }) => (
+export default function Page({ data }) {
+  return data.allContentfulArticle.edges.map(({ node }) => (
     <div className="p-4 lg:w-1/3 md:w-1/2 sm:w-full">
       <ImgixGatsbyImage
         src={node.bannerImage.src}