Merge pull request #23 from EmaSuriano/gatsby-v4

BREAKING CHANGE: gatsby v4

example/package.json

@@ -14,7 +14,7 @@
     "test:ui": "yarn cy open"
   },
   "dependencies": {
-    "gatsby": "^3.11.0",
+    "gatsby": "^4.10.1",
     "gatsby-theme-mate": "0.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

gatsby-theme-mate/gatsby-config.js

@@ -19,6 +19,7 @@ module.exports = ({
       'gatsby-plugin-typescript',
       'gatsby-plugin-styled-components',
       'gatsby-transformer-remark',
+      'gatsby-plugin-image',
       {
         resolve: 'gatsby-plugin-manifest',
         options: {

gatsby-theme-mate/package.json

@@ -32,28 +32,28 @@
     "@rebass/preset": "^4.0.5",
     "@tippy.js/react": "^3.1.1",
     "assert": "^2.0.0",
-    "babel-plugin-styled-components": "^2.0.2",
-    "gatsby-plugin-image": "^1.11.0",
-    "gatsby-plugin-manifest": "^3.11.0",
-    "gatsby-plugin-react-helmet": "^4.11.0",
-    "gatsby-plugin-sharp": "^3.11.0",
-    "gatsby-plugin-styled-components": "^4.11.0",
-    "gatsby-plugin-typescript": "^3.11.0",
-    "gatsby-source-contentful": "^5.11.0",
-    "gatsby-source-medium": "^3.11.0",
-    "gatsby-transformer-remark": "^4.8.0",
+    "babel-plugin-styled-components": "^2.0.6",
+    "gatsby-plugin-image": "^2.10.0",
+    "gatsby-plugin-manifest": "^4.10.1",
+    "gatsby-plugin-react-helmet": "^5.10.0",
+    "gatsby-plugin-sharp": "^4.10.1",
+    "gatsby-plugin-styled-components": "^5.10.0",
+    "gatsby-plugin-typescript": "^4.10.0",
+    "gatsby-source-contentful": "^7.8.1",
+    "gatsby-source-medium": "^4.10.0",
+    "gatsby-transformer-remark": "^5.10.1",
     "react-awesome-reveal": "^3.8.1",
-    "react-headroom": "^3.1.1",
+    "react-headroom": "^3.2.0",
     "react-helmet": "^6.1.0",
     "react-markdown": "^7.0.0",
     "react-text-loop": "^2.3.0",
     "rebass": "^4.0.7",
-    "styled-components": "^5.3.0"
+    "styled-components": "^5.3.3"
   },
   "devDependencies": {
     "@types/react-headroom": "^2.2.2",
     "@types/react-helmet": "^6.1.2",
     "@types/rebass": "^4.0.9",
-    "typescript": "^4.3.5"
+    "typescript": "^4.6.2"
   }
 }

gatsby-theme-mate/src/components/Header.tsx

@@ -31,7 +31,7 @@ const Header = () => {
           </Flex>
         </RebassLink>
         <Flex mr={[0, 3, 5]}>
-          {Object.keys(SECTION)
+          {(Object.keys(SECTION) as Array<keyof typeof SECTION>)
             .filter((id) => id !== 'home')
             .map((id) => (
               <Box key={id} ml={[2, 3]} color="background" fontSize={[2, 3]}>

package.json

@@ -22,6 +22,6 @@
   ],
   "devDependencies": {
     "env-cmd": "^10.1.0",
-    "start-server-and-test": "^1.13.1"
+    "start-server-and-test": "^1.14.0"
   }
 }