Dependecies update to solve build issue adn wp-source/graphql issues

packages/gatsby-woocommerce-theme/gatsby-config.js

@@ -27,14 +27,20 @@ module.exports = ({ wordPressUrl, gatsbySiteUrl, googleTagManagerId, fbAppId })
       },
     },
     {
-      resolve: `gatsby-source-wordpress-experimental`,
+      resolve: `gatsby-source-wordpress`,
       options: {
         url: `${wordPressUrl}/graphql`,
         verbose: true,
         develop: {
           nodeUpdateInterval: 3000,
           hardCacheMediaFiles: true,
         },
+        schema: {
+          timeout: 30000,
+          perPage: 15,
+          requestConcurrency: 5, // Set to 15 by default
+          previewRequestConcurrency: 2, // set to 5 by default
+        },
         production: {
           hardCacheMediaFiles: false,
         },

packages/gatsby-woocommerce-theme/gatsby-node.js

@@ -29,3 +29,5 @@ exports.onCreateWebpackConfig = ({ stage, actions }) => {
 		},
 	})
 };
+
+

packages/gatsby-woocommerce-theme/package.json

@@ -43,14 +43,15 @@
     "gatsby-plugin-react-helmet": "^3.3.10",
     "gatsby-plugin-robots-txt": "^1.5.1",
     "gatsby-plugin-sass": "^2.3.12",
+    "gatsby-plugin-image": "^2.21.0",
     "gatsby-plugin-sharp": "^2.6.19",
     "gatsby-source-filesystem": "^2.3.19",
-    "gatsby-source-wordpress-experimental": "^6.0.0",
+    "gatsby-source-wordpress": "^5.0.0",
     "gatsby-transformer-sharp": "^2.5.11",
     "isomorphic-fetch": "^2.2.1",
     "js-search": "^2.0.0",
     "lodash": "^4.17.19",
-    "node-sass": "^4.14.1",
+    "sass": "^1.14.1",
     "prop-types": "^15.7.2",
     "react": "17.0.1",
     "react-dom": "17.0.1",

packages/gatsby-woocommerce-theme/src/components/header/image.js

@@ -1,6 +1,6 @@
 import React from "react"
 import { useStaticQuery, graphql } from "gatsby"
-import Img from "gatsby-image"
+import { GatsbyImage } from "gatsby-plugin-image";
 
 /*
  * This component is built using `gatsby-image` to automatically serve optimized
@@ -15,19 +15,16 @@ import Img from "gatsby-image"
 
 const Image = () => {
 
-  const data = useStaticQuery(graphql`
-    query {
-      placeholderImage: file(relativePath: { eq: "logo.png" }) {
-        childImageSharp {
-          fluid(maxWidth: 50) {
-            ...GatsbyImageSharpFluid
-          }
-        }
-      }
+  const data = useStaticQuery(graphql`{
+  placeholderImage: file(relativePath: {eq: "logo.png"}) {
+    childImageSharp {
+      gatsbyImageData(width: 50, layout: CONSTRAINED)
     }
-  `);
+  }
+}
+`);
 
-  return <Img width="50" fluid={data.placeholderImage.childImageSharp.fluid}/>
+  return <GatsbyImage image={data.placeholderImage.childImageSharp.gatsbyImageData} width="50" />;
 }
 
 export default Image