I have  in my markdown file. When I read the markdown file and render it is showing the alt text instead of image and when i inspect there is this line as below as below:
<img alt="Alt text" src="/RSA1.jpg">
How can I render image???
I am using markdown to jsx as markdown parser.
Markdown for the component era MDX is an authorable format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content. This makes writing long-form content with components a blast
Make sure RSA1.jpg is in your public folder, and it should render the image properly. The markdown parser can't find images unless they're in the public folder.
watch this video it might help to fix the image URI to load the image correctly: https://youtu.be/LIrK5KxsUSE?t=351
This is the solution:
<Reactmarkdown source={data.strapiArticle.content} transformImageUri={uri =>
uri.startsWith("http") ? uri : `${process.env.REACT_IMAGE_BASE_URL}${uri}` />
.env.development file:
REACT_IMAGE_BASE_URL =http://localhost:1337
