Highlight.js with React.js syntax highlighting not working

Question

I am trying to use highlight.js with react but the syntax highlighting is now working. I am trying to store the highlighted syntax inside a variable but the whole content is displayed without highlighting with highlight.js span tags.

import React from "react";
import hljs from "highlight.js";

const test = `const test = require('test')`;
const tt = hljs.highlightAuto(test).value;


function App() {
  return (
    <>
      <pre>
        <code>{tt}</code>
      </pre>
    </>
  );
}

export default App;

ShoaibAh · Accepted Answer · 2022-10-12 05:22:46Z

1

I think react-highlight is built on top of highlight.js

answered Oct 12, 2022 at 5:22

ShoaibAh

1774 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

rufatZZ Over a year ago

Looks like it is out-dated now. Not getting updates from 2022

Collectives™ on Stack Overflow

Highlight.js with React.js syntax highlighting not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related