It's been quite a while now that I've been stuck on this issue. Despite being in a learning phase, I find myself unable to progress due to this specific problem.
While links and text elements are functioning properly, I have encountered difficulties displaying images. No matter what approach I take, nothing seems to work.
I am currently working on a standard project generated from here
import markdownStyles from "./markdown-styles.module.css";
import { PortableText } from "@portabletext/react";
export default function PostBody({ content }) {
return (
<div className="max-w-2xl mx-auto" className={markdownStyles.markdown}>
<PortableText value={content} />
</div>
);
}
The output I'm getting from the content includes images as well. I attempted integrating a custom component, but unfortunately, it did not yield the desired results.
// Image blocks and content