Gatsby: Can't get my images from markdown frontmatter to display - "Cannot read property 'src' of undefined

[danboyle8637]

Here is my query and how I'm rendering a card component... Using images because my preview did not show indenting and made it super hard to read.

When I console log pic I I get the correct image object... but when I pass it as a prop and try to display it, I get the error TypeError: Cannot read property 'src' of undefined.

Here is my card component that is displaying this data...

PictureWrapper is a styled Gatsby Image using styled components so I can give it a border radius and the exact width I want.

When I take the picture out of the component, everything displays correctly. So I'm not sure why the image is not.

Gatsby version: 2.0.76

[t2ca]

Try

const PictureWrapper = styled(Img)

[danboyle8637]

@t2ca Thanks. I imported Image from 'gatsby-image'

I thought you can name default exports whatever you wanted. I guess I was wrong.

But then why do my images work on all my other pages where I'm just querying the image?

[sidharthachatterjee]

@danboyle8637 It _is_ a default export and you should be able to name it anything you like. I'm not sure what the issue here is but I can't seem to reproduce it.

Can you link to a minimal reproduction if possible?

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

[gatsbot[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!