Fix type

BrunoQuaresma · BrunoQuaresma · commit eee762bf847d · 2022-12-09T21:17:57.000Z
diff --git a/site/src/components/Markdown/Markdown.tsx b/site/src/components/Markdown/Markdown.tsx
@@ -11,7 +11,7 @@ import ReactMarkdown from "react-markdown"
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"
 import gfm from "remark-gfm"
 import { colors } from "theme/colors"
-import darcula from "react-syntax-highlighter/dist/cjs/styles/prism/darcula"
+import { darcula } from "react-syntax-highlighter/dist/cjs/styles/prism"
 
 export interface MarkdownProps {
   children: string
@@ -41,13 +41,14 @@ export const Markdown: FC<{ children: string }> = ({ children }) => {
           return <pre>{children}</pre>
         },
 
-        code: ({ node, inline, className, children, ...props }) => {
+        code: ({ node, inline, className, children, style, ...props }) => {
           const match = /language-(\w+)/.exec(className || "")
 
           return !inline && match ? (
             <SyntaxHighlighter
               style={darcula}
-              language={match[1]}
+              // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- this can be undefined
+              language={match[1] ?? "language-shell"}
               useInlineStyles={false}
               // Use inline styles does not work correctly
               // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/329
diff --git a/site/yarn.lock b/site/yarn.lock
@@ -11759,7 +11759,7 @@ react-router@6.4.1:
   dependencies:
     "@remix-run/router" "1.0.1"
 
-react-syntax-highlighter@15.5.0, react-syntax-highlighter@^15.4.5:
+react-syntax-highlighter@15.5.5, react-syntax-highlighter@^15.4.5:
   version "15.5.0"
   resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-15.5.0.tgz#4b3eccc2325fa2ec8eff1e2d6c18fa4a9e07ab20"
   integrity sha512-+zq2myprEnQmH5yw6Gqc8lD55QHnpKaU8TOcFeC/Lg/MQSs8UknEA0JC4nTZGFAXC2J2Hyj/ijJ7NlabyPi2gg==
