@unpic/astro throwing require is not defined.

[godspeed0310]

I'm using Astro+Cloudflare Integration w/ Workers+Unpic+Directus.

1. I installed @unpic/astro as a dep.
2. I added the Image component (From @unpic/astro/base) and the imageService in astro config (Code attached below).
3. I added the directus transformer.
4. As soon as I run the app it throws the error mentioned.

Code:

<Image
      style={`view-transition-name: item-${article.data.id}-image;`}
      src={article.data.featured_image}
      alt={article.data.title}
      aspectRatio="16/9"
      class="rounded-sm"
      transformer={transform}
      layout="constrained"
      breakpoints={[270, 315, 354, 400, 486, 500, 736, 992]}
      sizes="(min-width: 1540px) 486px, (min-width: 1280px) 400px, (min-width: 1040px) 315px, (min-width: 780px) 354px, (min-width: 580px) 500px, calc(91.92vw - 15px)"
      width={500}
      loading="lazy"
    />