Blog: json syntax highlighting doesn't work

[chronark]

Preliminary Checks

• [X] I have reviewed the documentation: https://unkey.com/docs

• [X] I have searched for existing issues: https://github.com/unkeyed/unkey/issues

• [X] This issue is not a question, general help request, or anything other than a bug report directly related to Unkey. Please ask questions in our Discord community: https://unkey.com/discord.

Reproduction / Replay Link (Optional)

No response

Issue Summary

Steps to Reproduce

Create a json code block in our blog

Expected behavior

It should have syntax highlighting

Other information

No response

Screenshots

No response

Version info

- OS:
- Node:
- npm:

[linear[bot]]

ENG-1292 Blog: json syntax highlighting doesn't work

[perkinsjr]

This is a problem with using prism-react-renderer out of the box is supports a handful of languages, and that is not one of them.

We should just move to react-syntax-highlighter which has all languages supported out of the box and then fix our theme for support there.

This can be tackled by @MichaelUnkey with minimal effort.

With one line change this is what I got out of the box.

If we don't want to do that, then we should consider creating an escape hatch for syntax highlight unsupported languages.