Merge pull request #30 from EmaSuriano/gatsby-deps

fix: update gatsby deps and bump to 4
EmaSuriano · Mar 29, 2022 · 69d48cd · 69d48cd
2 parents 22f7bdf + db03895
commit 69d48cd
Show file tree

Hide file tree

Showing 5 changed files with 1,517 additions and 2,251 deletions.
diff --git a/example/package.json b/example/package.json
@@ -14,10 +14,10 @@
     "test:ui": "yarn cy open"
   },
   "dependencies": {
-    "gatsby": "^4.10.1",
     "gatsby-theme-mate": "0.0.0",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "gatsby": "^4.0.0"
   },
   "devDependencies": {
     "@percy/cli": "^1.0.0-beta.63",

diff --git a/gatsby-theme-mate/package.json b/gatsby-theme-mate/package.json
@@ -22,7 +22,7 @@
     "release": "npx semantic-release"
   },
   "peerDependencies": {
-    "gatsby": "^3"
+    "gatsby": "^4"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.36",

diff --git a/gatsby-theme-mate/src/components/MarkdownComponents.tsx b/gatsby-theme-mate/src/components/MarkdownComponents.tsx
@@ -45,11 +45,11 @@ const MarkdownParagraph: React.FC = styled(Text)`
   }
 `;
 
-const MarkdownList = styled.ul`
+const MarkdownList: React.FC = styled.ul`
   margin: 0;
 `;
 
-const MarkdownListItem = styled.li`
+const MarkdownListItem: React.FC = styled.li`
   margin-bottom: 1em;
 
   font-size: large;

diff --git a/gatsby-theme-mate/src/utils/icons.ts b/gatsby-theme-mate/src/utils/icons.ts
@@ -3,12 +3,15 @@ import {
   IconName,
   findIconDefinition,
   IconDefinition,
+  IconPack,
 } from '@fortawesome/fontawesome-svg-core';
 import { prefix as brandPrefix } from '@fortawesome/free-brands-svg-icons';
 import { prefix as basePrefix } from '@fortawesome/free-solid-svg-icons';
 import { ICONS } from '../icons';
 
-export const loadIcons = () => library.add(...ICONS);
+type IconDefinitionOrPack = IconDefinition | IconPack;
+export const loadIcons = () =>
+  library.add(...(ICONS as IconDefinitionOrPack[]));
 
 export const getIconDefinition = (
   iconName: IconName,