Error: Unable to resolve image URL from source (undefined)
I did my ImageBuilder configuration in another file and imported the urlFor function into my component. While I am able to map through/spread my values, I am not able to get the image url using the urlFor()
Running my queries in another file and importing a promise that I can handle with a useEffect()
useEffect(() => {
const SLIDE = async () => {
const slideItems = await SLIDES
setSlide(...slideItems)
}
SLIDE()
}, [])
I can access my data with the object properties. i.e: {slide.slide_title}
The thing is when I run the query from sanity studio, I get my values, and when I console.log too I get my values too BUT this urlFor(slide.slide_image).url() does not work for me.
What am I doing wrong?