remark-gfm | remark plugin to support GFM | Plugin library

It looks like you're using TailwindCSS, the default styles for elements are reset, that's why the h1 text will look like any other text.

You can use @tailwindcss/typography to counter this.

Just add the plugin to your tailwindcss.config.js file

This appears to be a whitespace issue, you've too much.

This doesn't work:

As stated in the react-markdown docs (Appendix A), in order to render raw HTML within a ReactMarkdown component you will need the rehypeRaw plugin.

It's difficult to guess what's going on, as you pointed it seems related to cache issues, however, you've tried all the cache-related stuff. I'd suggest:

• Remove gatsby-plugin-offline and add gatsby-plugin-remove-serviceworker since you won't be using service-workers anymore

• Check the importation path. It should be:

I experienced similar error too, then I've found this solution:

https://github.com/vercel/next.js/issues/25454#issuecomment-903513941

ReactMarkdown is an ESM module which means it cannot be required but rather imported. If you are actually importing in your code, it can be, that the transpiler (e.g.: Babel) changes this, hence the error. So this can be a possible cause of the error.

What you can do to solve this (also described in the issue commit by others):

1. npm i next-transpile-modules

2. In next.config.js do the following:

The problem is yow module.exports= module.exports is used with Commonjs but you have modules in yow package json. You need to change it to export default

You could pass a custom link renderer to ReactMarkdown that would handle links with your own logic.