React syntax highligher code example component

SyntaxHighligher.tsx

import React from 'react'
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
import { tomorrow as theme } from 'react-syntax-highlighter/dist/esm/styles/prism'

export function SyntaxHighligher (props: { code: string }) {
  const { code } = props
  return (
      <SyntaxHighlighter
        language="javascript"
        style={theme}
        showLineNumbers={true}
        wrapLongLines={true}
      >
        {code}
      </SyntaxHighlighter>
  )
}