upgrade gatsby

gatsby-browser.js

@@ -32,8 +32,8 @@ export const wrapRootElement = ({ element }) => (
   <SSRProvider>
     <Provider
       UNSAFE_style={{
-        background: "transparent !important",
-        color: "unset !important",
+        background: "unset",
+        color: "unset",
       }}
       colorScheme="dark"
       scale="medium"

gatsby-config.js

@@ -1,7 +1,4 @@
 module.exports = {
-  flags: {
-    FAST_DEV: true
-  },
   siteMetadata: {
     title: "Chuck Dries",
     siteUrl: "https://chuckdries.com",
@@ -9,12 +6,6 @@ module.exports = {
   plugins: [
     "gatsby-plugin-image",
     "gatsby-plugin-react-helmet",
-    {
-      resolve: "gatsby-plugin-manifest",
-      options: {
-        icon: "src/images/glasses-outline.svg",
-      },
-    },
     "gatsby-plugin-mdx",
     {
       resolve: `gatsby-plugin-sharp`,
@@ -61,5 +52,11 @@ module.exports = {
     },
     "gatsby-plugin-preval",
     "gatsby-plugin-robots-txt",
+    {
+      resolve: "gatsby-plugin-manifest",
+      options: {
+        icon: "src/images/glasses-outline.svg",
+      },
+    },
   ],
 };

gatsby-ssr.js

@@ -7,8 +7,8 @@ export const wrapRootElement = ({ element }) => (
   <SSRProvider>
     <Provider
       UNSAFE_style={{
-        background: "transparent !important",
-        color: "unset !important",
+        background: "unset",
+        color: "unset",
       }}
       colorScheme="dark"
       scale="medium"
@@ -17,4 +17,4 @@ export const wrapRootElement = ({ element }) => (
       {element}
     </Provider>
   </SSRProvider>
-);
+);

package.json

@@ -37,18 +37,18 @@
     "eslint-webpack-plugin": "^2.5.4",
     "exifr": "^7.1.3",
     "fast-exif": "^1.0.1",
-    "gatsby": "^3.4.1",
+    "gatsby": "^4.17.1",
     "gatsby-plugin-eslint": "^3.0.0",
-    "gatsby-plugin-image": "^1.6.0",
-    "gatsby-plugin-manifest": "^3.6.0",
+    "gatsby-plugin-image": "^2.17.0",
+    "gatsby-plugin-manifest": "^4.17.0",
     "gatsby-plugin-mdx": "^2.7.1",
-    "gatsby-plugin-postcss": "^4.6.0",
+    "gatsby-plugin-postcss": "^5.17.0",
     "gatsby-plugin-preval": "^1.0.0",
-    "gatsby-plugin-react-helmet": "^4.6.0",
+    "gatsby-plugin-react-helmet": "^5.17.0",
     "gatsby-plugin-robots-txt": "^1.6.2",
-    "gatsby-plugin-sharp": "^3.6.0",
-    "gatsby-source-filesystem": "^3.6.0",
-    "gatsby-transformer-sharp": "^3.6.0",
+    "gatsby-plugin-sharp": "^4.17.0",
+    "gatsby-source-filesystem": "^4.17.0",
+    "gatsby-transformer-sharp": "^4.17.0",
     "kebab-case": "^1.0.1",
     "node-iptc": "^1.0.5",
     "node-vibrant": "3.1.6",