This Article is a Draft

This article is currently in a draft state and is not published. Therefore, it will not be visible to the general audience. The content is still a work in progress and may require further editing and review.

When the article is ready for publication, you can update the “draft” field to “false” in the Frontmatter:

1
import SyntaxHighlighter from "react-syntax-highlighter";
2
import { docco } from "react-syntax-highlighter/dist/esm/styles/hljs";
3
const CodeBlock = ({ codestring }) => {
4
  return (
5
    <SyntaxHighlighter language="javascript" style={docco}>
6
      {codeString}
7
    </SyntaxHighlighter>
8
  );
9
};