fix: tsc issue with react-markdown

EmaSuriano · Sep 27, 2021 · ae66b7b · ae66b7b
1 parent 12c5672
commit ae66b7b
Show file tree

Hide file tree

Showing 2 changed files with 464 additions and 30 deletions.
diff --git a/gatsby-theme-mate/src/components/MarkdownComponents.tsx b/gatsby-theme-mate/src/components/MarkdownComponents.tsx
@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Text } from 'rebass';
-import ReactMarkdown from 'react-markdown';
-import styled, { css } from 'styled-components';
+import { Components } from 'react-markdown';
+import styled from 'styled-components';
 
 const StyledLink = styled.a`
   display: inline-block;
@@ -34,7 +34,7 @@ const StyledLink = styled.a`
   }
 `;
 
-const MarkdownParagraph = styled(Text)`
+const MarkdownParagraph: React.FC = styled(Text)`
   padding-bottom: 1em;
   font-size: large;
   line-height: 2em;
@@ -78,11 +78,7 @@ const MarkdownLink = ({ href, children }: LinkProps) => {
   );
 };
 
-type MarkdownComponents = React.ComponentProps<
-  typeof ReactMarkdown
->['components'];
-
-const Components: MarkdownComponents = {
+const Components: Components = {
   p: MarkdownParagraph,
   ul: MarkdownList,
   li: MarkdownListItem,