Merge pull request #63 from flotiq/feature/23299

update dependencies to the newest Gatsby version

.github/workflows/ci.yml

@@ -29,12 +29,12 @@ jobs:
 
     - uses: actions/setup-node@v1
       with:
-        node-version: '16'
+        node-version: '20'
     - run: yarn install
 
     - name: Gatsby
       run: |
-        npm install -g gatsby-cli@4.25.0
+        npm install -g gatsby-cli@5.13.2
         gatsby clean
         gatsby build
 #        rm -rf public/blog

.github/workflows/staging.yml

@@ -27,12 +27,12 @@ jobs:
 
     - uses: actions/setup-node@v1
       with:
-        node-version: '14'
+        node-version: '20'
     - run: yarn install
 
     - name: Gatsby
       run: |
-        npm install -g gatsby-cli@4.25.0
+        npm install -g gatsby-cli@5.13.2
         gatsby clean
         gatsby build --prefix-paths
         rm -rf public/blog-staging

gatsby-node.js

@@ -6,7 +6,7 @@ exports.createPages = async ({ graphql, actions }) => {
 
     const result = await graphql(`
         query MainQuery {
-            allFlotiqBlogPost(sort: {fields: publish_date, order: DESC}, limit: 10000, filter: {status: {eq: "public"}}) {
+            allFlotiqBlogPost(sort: {publish_date: DESC}, limit: 10000, filter: {status: {eq: "public"}}) {
                 edges {
                     node {
                         id

package.json

@@ -15,46 +15,45 @@
     "clean": "gatsby clean"
   },
   "dependencies": {
-    "@fontsource/inter": "^4.5.1",
-    "@restart/ui": "0.2.3",
+    "@fontsource/inter": "^5.0.17",
+    "@restart/ui": "1.6.6",
     "babel-eslint": "^10.1.0",
     "bootstrap": "^4.6.0",
     "flotiq-components-react": "^1.1.5",
-    "gatsby": "^4.4.0",
-    "gatsby-plugin-disqus": "^1.2.3",
-    "gatsby-plugin-google-tagmanager": "^4.25.0",
+    "gatsby": "^5.13.3",
+    "gatsby-plugin-disqus": "^1.2.6",
+    "gatsby-plugin-google-tagmanager": "^5.13.1",
     "gatsby-plugin-hotjar": "^1.1.1",
-    "gatsby-plugin-image": "^2.4.0",
-    "gatsby-plugin-manifest": "^4.4.0",
-    "gatsby-plugin-react-helmet": "^5.4.0",
-    "gatsby-plugin-robots-txt": "^1.6.14",
-    "gatsby-plugin-sass": "^5.4.0",
-    "gatsby-plugin-sharp": "^4.4.0",
-    "gatsby-plugin-sitemap": "^5.4.0",
-    "gatsby-source-filesystem": "^4.4.0",
-    "gatsby-source-flotiq": "^4.1.5",
-    "gatsby-transformer-sharp": "^4.4.0",
-    "highlight.js": "^11.3.1",
+    "gatsby-plugin-image": "^3.13.1",
+    "gatsby-plugin-manifest": "^5.13.1",
+    "gatsby-plugin-react-helmet": "^6.13.1",
+    "gatsby-plugin-robots-txt": "^1.8.0",
+    "gatsby-plugin-sass": "^6.13.1",
+    "gatsby-plugin-sharp": "^5.13.1",
+    "gatsby-plugin-sitemap": "^6.13.1",
+    "gatsby-source-filesystem": "^5.13.1",
+    "gatsby-source-flotiq": "^5.1.0",
+    "gatsby-transformer-sharp": "^5.13.1",
+    "highlight.js": "^11.9.0",
     "lodash": "^4.17.21",
-    "moment": "^2.29.1",
+    "moment": "^2.30.1",
     "query-string": "^7.0.1",
-    "react": "^17.0.1",
-    "react-bootstrap": "^2.0.2",
-    "react-cookie": "^4.1.1",
-    "react-dom": "^17.0.1",
+    "react": "^18.2.0",
+    "react-bootstrap": "^2.10.1",
+    "react-cookie": "^7.1.0",
+    "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
-    "sass": "^1.45.0"
+    "sass": "^1.71.1"
   },
   "devDependencies": {
-    "@hot-loader/react-dom": "^17.0.1",
     "cross-env": "^7.0.3",
-    "dotenv": "^10.0.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-simple-import-sort": "^7.0.0",
-    "file-loader": "^1.1.11",
-    "prettier": "^2.2.1"
+    "dotenv": "^16.4.5",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-simple-import-sort": "^12.0.0",
+    "file-loader": "^6.2.0",
+    "prettier": "^3.2.5"
   }
 }

src/pages/search.js

@@ -102,7 +102,7 @@ const query = graphql`
                 title
             }
         }
-        allFlotiqBlogPost(sort: {fields: publish_date, order: DESC}, limit: 10000) {
+        allFlotiqBlogPost(sort: {publish_date: DESC}, limit: 10000) {
             nodes {
                 tags {
                     id

src/templates/author.js

@@ -91,7 +91,7 @@ export const pageQuery = graphql`
             }
         }
         allFlotiqBlogPost(
-            sort: {fields: publish_date, order: DESC},
+            sort: {publish_date: DESC},
             limit: 2000,
             filter: {status: {eq: "public"}}
         ) {

src/templates/index.js

@@ -123,7 +123,7 @@ export default IndexPage;
 export const pageQuery = graphql`
     query blogPageQuery($skip: Int!, $limit: Int!) {
         allFlotiqBlogPost(
-            sort: { fields: [publish_date], order: DESC },
+            sort: { publish_date: DESC },
             limit: $limit,
             skip: $skip,
             filter: {status: {eq: "public"}}

src/templates/tags.js

@@ -94,7 +94,7 @@ export const pageQuery = graphql`
         }
         allFlotiqBlogPost(
             limit: 2000,
-            sort: {fields: [publish_date], order: DESC},
+            sort: {publish_date: DESC},
             filter: {
                 tags: {elemMatch: {tag: {eq: $tag}}},
                 status: {eq: "public"}}