close
The Wayback Machine - https://web.archive.org/web/20211031192004/https://github.com/gatsbyjs/gatsby/issues/33748
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

gatsby-plugin-image onStartLoad throws warning react dev tools #33748

Open
2 tasks done
lnikell opened this issue Oct 31, 2021 · 0 comments
Open
2 tasks done

gatsby-plugin-image onStartLoad throws warning react dev tools #33748

lnikell opened this issue Oct 31, 2021 · 0 comments

Comments

Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
1 participant
@lnikell
Copy link

@lnikell lnikell commented Oct 31, 2021

Preliminary Checks

Description

Using onStartLoad causing React Dev Tools throwing the following message:

Warning: Unknown event handler property `onStartLoad`. It will be ignored.

CleanShot 2021-10-31 at 19 52 15@2x

It happens no matter you use StaticImage or GatsbyImage component.

Reproduction Link

https://github.com/pixel-point/gatsby-image-on-load-bug

Steps to Reproduce

  1. Go to https://github.com/pixel-point/gatsby-image-on-load-bug , clone repository, npm install && npm start
  2. Open http://localhost:8000/page-2
  3. Open Console with Installed React Dev Tools

Expected Result

There should not be a warning.

Actual Result

Warning appears in the console while running on local machine.

CleanShot.2021-10-31.at.19.57.02.mp4

Environment

System:
    OS: macOS 12.0.1
    CPU: (8) arm64 Apple M1
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.9.1 - /usr/local/bin/node
    npm: 7.21.1 - /usr/local/bin/npm
  Languages:
    Python: 2.7.18 - /usr/bin/python
  Browsers:
    Chrome: 95.0.4638.69
    Safari: 15.1
  npmPackages:
    gatsby: ^3.12.0 => 3.14.5
    gatsby-alias-imports: ^1.0.6 => 1.0.6
    gatsby-plugin-image: ^1.14.0 => 1.14.1
    gatsby-plugin-manifest: ^3.12.0 => 3.14.0
    gatsby-plugin-offline: ^4.12.0 => 4.14.0
    gatsby-plugin-postcss: ^4.12.0 => 4.14.0
    gatsby-plugin-react-helmet: ^4.12.0 => 4.14.0
    gatsby-plugin-sass: ^4.12.0 => 4.14.0
    gatsby-plugin-sharp: ^3.14.0 => 3.14.2
    gatsby-plugin-sitemap: ^4.8.0 => 4.10.0
    gatsby-plugin-svgr-svgo: ^1.2.2 => 1.2.2
    gatsby-source-filesystem: ^3.12.0 => 3.14.0
    gatsby-transformer-sharp: ^3.14.0 => 3.14.0


### Config Flags

_No response_
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment