highlighting rust language in a react component

[arunkumar413]

Hi Team,

Could you please provide an example to highlight rust language in a react component. Below is the process I followed but the code highlighting didn't work.

1. Installed prism
2. installed the babel plugin
3. created the .babelrc file

{
  "plugins": [
    ["prismjs", {
        "languages": ["javascript", "css", "markup", "rust"],
        "plugins": ["line-numbers"],
        "theme": "twilight",
        "css": true
    }]
  ]
}

import Prism from 'prismjs';
import "prismjs/themes/prism-tomorrow.css";

    <pre className="line-numbers">
          <code className="language-rust">
                    {my rust code here}
          </code>
     </pre>

[RunDevelopment]

Please see this tutorial (linked on our website). It includes an example of how to do this.

I hope this helps.

[arunkumar413]

@RunDevelopment No, it didn't help. That's why I raised this ticket. Not sure what made you think that I didn't follow that tutorial link before raising this ticket.

[RunDevelopment]

Well, the code in the tutorial should work, so maybe there's something wrong with your setup. Could you please provide a minimal example project that reproduces your problem?

[arunkumar413]

Here is my the code that isn't working.

https://codesandbox.io/s/crimson-darkness-omj3w?file=/src/pages/Button.js

Open the output and select Rust language from the drop down at the top-right.

[mAAdhaTTah]

Create React App doesn't support modifying babel, so the babelrc doesn't do anything. You'll need to either eject or find some other way to modify the babel configuration (e.g. craco).