Summary: I am experiencing issues with loading images hosted on Prismic.io in my React application. The images are accessible directly via their URLs in a browser but fail to load within the application Symptoms: Prismic.io images do not render in the React application. Network tab in the browser…

Hi @krishnakumar.s1912 , Can you trying loading your images using the PrismicImage component for React? [image] Template Content in React On this page, you'll learn how to template content from the Prismic API in your React application. Thanks.

Issue with Loading Images from Prismic.io in React Application

Developing with Prismic

Phil (Phil Snow) July 10, 2024, 9:28am 2

Hi @krishnakumar.s1912 ,

Can you trying loading your images using the PrismicImage component for React?

Thanks.

1 Like

Topic		Replies	Views
"Access has been blocked by CORS policy" when loading SVG from prismic Developing with Prismic	34	7477	April 22, 2022
Rendering an image with react Developing with Prismic reactjs	7	1221	December 9, 2021
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file Developing with Prismic reactjs	3	437	February 6, 2024
Error CORS with primsic & react Developing with Prismic reactjs	2	398	January 5, 2025
Safari v12 and under CORS error Developing with Prismic reactjs	7	1376	December 9, 2021

Issue with Loading Images from Prismic.io in React Application

Related topics