Inconsistent Markdown content from Strapi rendered on React

Hi all, I am having an issue to render the markdown content into React project, which the rendered result is absolutely different from that previewed on the Strapi.

I have installed the latest version of react-markdown library, however the problem is still there.
Appreciate if anybody can advise the reason which caused the inconsistent rendering.

The below is the content and preview on Strapi

This is the code and the rendered result

I answered here Rendering markdown in react - #3 by Paul_Brats

hope this helps