Image Uploaded to WYSIWYG - Link Provided on the Sanity CDN Doesn't Work

import { PortableText } from "@portabletext/react";
import urlBuilder from "@sanity/image-url";
import { getImageDimensions } from "@sanity/asset-utils";

// Barebones lazy-loaded image component
const BlogImage = ({ value, isInline }) => {
  const { width, height } = getImageDimensions(value);
  console.log(urlBuilder());
  return (
    <>
      {/* eslint-disable-next-line @next/next/no-img-element */}
      <img
        src={urlBuilder()
          .image(value)
          .width(isInline ? 100 : 800)
          .fit("max")
          .auto("format")
          .url()}
        alt={value.alt || " "}
        loading="lazy"
        style={{
          // Display alongside text if image appears inside a block text span
          display: isInline ? "inline-block" : "block",

          //   // Avoid jumping around with aspect-ratio CSS property
          //   aspectRatio: width / height,
        }}
      />
    </>
  );
};

export default BlogImage;

<PortableText
              value={post.body}
              components={{
                types: {
                  image: BlogImage,
                },
              }}
            />