SecurityError: The operation is insecure

Hi there. I'm using Prismic for my Gatsby projec, with gatsby-source-prismic. When I try to use an image queried from Prismic in a webgl texture, it works fine in Chrome but in Safari it says "SecurityError: The operation is insecure." - tracing me back to the Prismic image I am using.

I've tried setting crossorigin="anonymous" on the image element, in the webgl library I am using (curtains.js) I've set crossorigin to anonymous on all the settings - but wondering if it's something about the response headers in the Prismic image request.

Has anyone had a similar experience? When I use a local image from my Gatsby project directory it works fine in Safari and does not error - just when I try to use my image from Prismic.

Hey, thanks for reaching out!

I'm not sure what the issue might be here.

  • Which is the format of the image you're working with? e.g., maybe is a jpeg or a SVG file
  • Is the code for the WebGL texture coming from Prismic as well?