patch

2 files changed, 3 insertions, 11 deletions

diff --git a/extension/react-app/src/components/CodeBlock.tsx b/extension/react-app/src/components/CodeBlock.tsx
index b0de13ac..508dcc83 100644
--- a/extension/react-app/src/components/CodeBlock.tsx
+++ b/extension/react-app/src/components/CodeBlock.tsx
@@ -61,7 +61,7 @@ function CopyButton(props: { textToCopy: string; visible: boolean }) {
   );
 }
 
-function CodeBlock(props: { children: string }) {
+function CodeBlock(props: { children: React.ReactNode }) {
   const [result, setResult] = useState<AutoHighlightResult | undefined>(
     undefined
   );
diff --git a/extension/react-app/src/components/StepContainer.tsx b/extension/react-app/src/components/StepContainer.tsx
index 827d2d5f..02c04548 100644
--- a/extension/react-app/src/components/StepContainer.tsx
+++ b/extension/react-app/src/components/StepContainer.tsx
@@ -246,18 +246,10 @@ function StepContainer(props: StepContainerProps) {
               className="overflow-x-scroll"
               components={{
                 pre: ({ node, ...props }) => {
-                  return (
-                    <CodeBlock
-                      children={props.children[0] as string}
-                    ></CodeBlock>
-                  );
+                  return <CodeBlock children={props.children[0]} />;
                 },
                 code: ({ node, ...props }) => {
-                  return (
-                    <StyledCode
-                      children={props.children[0] as string}
-                    ></StyledCode>
-                  );
+                  return <StyledCode children={props.children[0]} />;
                 },
               }}
             >