Fix: How to integrate gatsby-remark-katex to support KaTeX

[jasonkang14]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Summary

I followed the instructions provided in the official documentation for gatsby-remark-katex, but I encountered an error when trying to display math equations.

To resolve the issue, I had to add the following configurations to the options in gatsby-transformer-remark:

resolve: "gatsby-transformer-remark",
options: {
  plugins: [
    {
      resolve: "gatsby-remark-katex",
      options: {
        strict: "ignore",
        remarkPlugins: [require('remark-math')], // Added
        rehypePlugins: [require('rehype-katex')],  // Added
      },
    },
    ...other plugins,
  ],
  ...other options,
}

These configurations were not mentioned in the current documentation.

Can I create a pull request to update the documentation to include these configurations? This will help other users avoid the same issue when integrating gatsby-remark-katex.

Steps to Resolve this Issue

1. install remark-math and rehype-katex
2. add remarkPlugins and rehypePlugins to the gatsby-remark-katex configuration