Create components/CodeBlock.js

components/CodeBlock.js

@@ -0,0 +1,10 @@
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { vs2015 } from 'react-syntax-highlighter/dist/cjs/styles/hljs'; // Or any other style you like
+
+export default function CodeBlock({ code, language = 'javascript' }) {
+  return (
+    <SyntaxHighlighter language={language} style={vs2015}>
+      {code}
+    </SyntaxHighlighter>
+  );
+}