How to create a code box with HTML and React

I'm doing my portfolio and I want to create a box like this:

A box that colorize the text with a programming language. Is there any library to do this?

by Miguel in StackOverflow on July 02, 2022.

Answer

You can use react-highlight.js:

import Highlight from 'react-highlight.js';

<Highlight language={language}>
  {content}
</Highlight>

<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/railscasts.css'/>

by Nick McCurdy on July 02, 2022.