Merge branch 'staging' of https://github.com/WebDevStudios/nextjs-wordpress-starter into feature/component-handling

Author: dcooney

components/organisms/Hero/Hero.js

@@ -33,7 +33,7 @@ export default function Hero({
       className={cn(styles.hero, className)}
       style={{
         // These css custom properties are used inside the css module file to set the card's background image, tint overlay, and fallback bg color.
-        '--image-url': `url(${backgroundImage.url})`,
+        '--image-url': `url(${backgroundImage})`,
         '--image-tint-color': `${tailwindConfig.theme.colors.black['DEFAULT']}50`,
         '--image-fallback-color': `${tailwindConfig.theme.colors.grey['darkest']}`
       }}
@@ -58,10 +58,7 @@ export default function Hero({
 }
 
 Hero.propTypes = {
-  backgroundImage: PropTypes.shape({
-    url: PropTypes.string,
-    alt: PropTypes.string
-  }),
+  backgroundImage: PropTypes.string,
   body: PropTypes.string,
   className: PropTypes.string,
   ctaText: PropTypes.string,

package.json

@@ -47,10 +47,10 @@
   "devDependencies": {
     "@apollo/client": "^3.3.7",
     "@babel/core": "^7.12.10",
-    "@storybook/addon-a11y": "^6.1.15",
-    "@storybook/addon-essentials": "^6.1.15",
-    "@storybook/addon-links": "^6.1.15",
-    "@storybook/react": "^6.1.15",
+    "@storybook/addon-a11y": "^6.1.16",
+    "@storybook/addon-essentials": "^6.1.16",
+    "@storybook/addon-links": "^6.1.16",
+    "@storybook/react": "^6.1.16",
     "algoliasearch": "^4.8.4",
     "babel-loader": "^8.2.2",
     "chromatic": "^5.6.1",
@@ -68,7 +68,7 @@
     "husky": "^4.3.8",
     "lint-staged": "^10.5.3",
     "next-seo": "^4.18.0",
-    "next-sitemap": "^1.4.15",
+    "next-sitemap": "^1.4.17",
     "postcss-flexbugs-fixes": "^4.2.1",
     "postcss-preset-env": "^6.7.0",
     "prettier": "^2.2.1",