TypeError: Cannot read properties of null (reading 'url')

[YacineAyechi]

[Beefy-py]

You probably forgot to fetch the photo in the graphQL query

[fransachmadhw]

You probably forgot to fetch the photo in the graphQL query

Me too. I already fetched the photo correctly. But, still get the same error

[fransachmadhw]

Owhhh. I found the solution. You probably haven't published your author profile photo at graphCMS. The photo is still a draft. That's why the error occurs

[bintang-prayoga]

Owhhh. I found the solution. You probably haven't published your author profile photo at graphCMS. The photo is still a draft. That's why the error occurs

i already have my photo published but it still doesn't work...

[fransachmadhw]

Owhhh. I found the solution. You probably haven't published your author profile photo at graphCMS. The photo is still a draft. That's why the error occurs

i already have my photo published but it still doesn't work...

Check all of your assets again in GraphCMS

[aliarnoos]

I'm facing the same problem. If your found a fix could you post it? please
Thank you

[AkshayEddula]

Go to assets section and select the images and Publish Them

[AmAnpreet235]

I m getting the same issue .any one can help?

[aliarnoos]

the issue is from the cms. although you have published the article you have to make sure to publish the image too. The image is probably an a pending mood waiting to be published

[Beefy-py]

Instead of getting the photo url like a property, try to call the url method on it like so

   src={urlForSanityImage(post.mainImage).width(200).url()}

urlForSanityImage is a function I export from a file with the following contents:

export const urlForSanityImage = (source: any) => {
  return builder.image(source);
};