ReactのMarkdownにシンタックスハイライトを適用する方法 ReactMarkdownを使っていてそのcodeに対して、シンタックスハイライト(syntax-highlight)を適用する際に手こずったので、備忘録として残します。(このブログも同様の方法でsytanx highlitを適用しています。) 使うライブラリは、react-syntax-highlighter なので、 まずは、インストールします。 次に下記のコードのようにMarkdownにハイライトするcomponentsを追加すると codeにsyntaxハイライトが適用されるようになります。 また気をつけないといけないのは、import { tomorrow } from 'react-syntax-highlighter/dist/cjs/styles/prism' です。ESMを使っている場合は、import