From a28072949144b9e19b24d694cd80998f2b621a3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcus=20Bl=C3=A4ttermann?= <marcus@essenmitsosse.de>
Date: Tue, 6 Dec 2022 02:43:46 +0100
Subject: [PATCH] Fix problem with `span` inside inline `code`

React doesn't allow a `span` inside an inline `code` element and throws an error in dev mode.
---
 website/src/components/code.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/src/components/code.js b/website/src/components/code.js
index d913295c6..19f1934ab 100644
--- a/website/src/components/code.js
+++ b/website/src/components/code.js
@@ -94,12 +94,12 @@ export const TypeAnnotation = ({ lang = 'python', link = true, children }) => {
         }
     )
     return (
-        <code className={annotClassNames} aria-label="Type annotation">
+        <span className={annotClassNames} role="code" aria-label="Type annotation">
             {elements.map((el, i) => (
                 <Fragment key={i}>{linkType(el, !!link)}</Fragment>
             ))}
             {meta && <span className={classes['type-annotation-meta']}>{meta}</span>}
-        </code>
+        </span>
     )
 }