gatsby-source-wordpress content images does not appear in develop

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

in the example repo if you write /test in the browser the images don’t appear, but if you go to another page and go back, or go there through a link then they appear

Reproduction Link

https://github.com/alexadark/gatsby-wp-sandbox

Steps to Reproduce

1.clone the repo 2.yarn && gatsby develop 3.type the url /test manually …

Expected Result

Images on the page should appear

Actual Result

They don’t appear

Environment

System:
    OS: macOS 11.5.2
    CPU: (8) x64 Intel(R) Core(TM) i7-4770HQ CPU @ 2.20GHz
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.4 - ~/.nvm/versions/node/v14.17.4/bin/node
    Yarn: 1.22.11 - /usr/local/bin/yarn
    npm: 6.14.14 - ~/.nvm/versions/node/v14.17.4/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 95.0.4638.69
    Firefox: 94.0.1
    Safari: 14.1.2
  npmPackages:
    gatsby: ^4.1.5 => 4.1.5 
    gatsby-plugin-image: ^2.1.2 => 2.1.2 
    gatsby-plugin-manifest: ^4.1.3 => 4.1.3 
    gatsby-plugin-offline: ^5.1.3 => 5.1.3 
    gatsby-plugin-react-helmet: ^5.1.0 => 5.1.0 
    gatsby-plugin-sharp: ^4.1.3 => 4.1.3 
    gatsby-source-filesystem: ^4.1.2 => 4.1.2 
    gatsby-source-wordpress: ^6.1.2 => 6.1.2 
    gatsby-transformer-sharp: ^4.1.0 => 4.1.0 
  npmGlobalPackages:
    gatsby-cli: 4.0.0

Config Flags

No response

[mrbjjackson]

Just FYI I’ve narrowed the issue I was having down to me using Framer Motion to provide page transitions on my site. I’ve created a separate issue here: https://github.com/gatsbyjs/gatsby/issues/34187

Just to check - should this issue be fixed now? Because I’m seeing a very similar error on my site: When I load a page initially (or click refresh on a page) the images are loaded correctly, but if I navigate to a page containing images from another page, the images do not appear. This is only for the inline images in the Wordpress post content.

If this is a separate bug, I can open a new issue.

Any thoughts? Many thanks.

    "gatsby": "^4.2.0",
    "gatsby-plugin-image": "^2.2.0",
    "gatsby-plugin-sharp": "^4.2.0",
    "gatsby-source-wordpress": "^6.2.0",
    "gatsby-transformer-sharp": "^4.2.0",

[alexadark]

Thanks, @TylerBarnes and @wardpeet all works fine now 😃