fix(gatsby-image): Fix loading="eager" & critical

[glennreyes]

Description

This is a follow up fix of #16746. Basically there where some checks missing which caused #17007 and eventually #17017 (cc @dkthehuman).

Related Issues

Fixes #17007
Related #17017 (Eventually fixes, waiting for a confirmation of @dkthehuman).
Related #14972

[herecydev]

I think #17120 is not the right linking issue?

[glennreyes]

Thanks @herecydev, updated.

[wardpeet]

This is awesome! creating a variable that holds that property is much cleaner and easier to read. Thank you for fixing this one. I'm giving it a spin and merge afterwards! 🎉 💯

[wardpeet]

works like a charm! I love it when a problem gets fixed and the resulting code looks cleaner than before! 🥇

[gatsbot]

Holy buckets, @glennreyes — we just merged your PR to Gatsby! 💪💜

Gatsby is built by awesome people like you. Let us say “thanks” in two ways:

1. We’d like to send you some Gatsby swag. As a token of our appreciation, you can go to the Gatsby Swag Store and log in with your GitHub account to get a coupon code good for one free piece of swag. We’ve got Gatsby t-shirts, stickers, hats, scrunchies, and much more. (You can also unlock even more free swag with 5 contributions — wink wink nudge nudge.) See gatsby.dev/swag for details.
2. We just invited you to join the Gatsby organization on GitHub. This will add you to our team of maintainers. Accept the invite by visiting https://github.com/orgs/gatsbyjs/invitation. By joining the team, you’ll be able to label issues, review pull requests, and merge approved pull requests.

If there’s anything we can do to help, please don’t hesitate to reach out to us: tweet at @gatsbyjs and we’ll come a-runnin’.

Thanks again!

[wardpeet]

Published in gatsby-image@2.2.15