chore(deps): update dependency @welldone-software/why-did-you-render to v10

Review changes
Download
Patches
Plain diff

Open chore(deps): update dependency @welldone-software/why-did-you-render to v10

renovate/welldone-software-why-did-you-render-10.x into master

Overview 0
Commits 1
Pipelines 1
Changes 1

Open Renovate requested to merge renovate/welldone-software-why-did-you-render-10.x into master 2 months ago

Overview 0
Commits 1
Pipelines 1
Changes 1

This MR contains the following updates:

Package	Type	Update	Change
@welldone-software/why-did-you-render	devDependencies	major	`^3.6.0` -> `^10.0.0`

Release Notes

welldone-software/why-did-you-render (@welldone-software/why-did-you-render)

`v10.0.1`

Compare Source

notifier was not exposing ownerDataMap despite the documentation saying it should.

`v10.0.0`: Why Did You Render v10 Supporting React 19!

Compare Source

¯\(ツ)/¯ The version was bumped from v8 to v10 directly and 10.0.0 is actually the same as the next 10.0.1. Sorry, I had some npm publishing issues ¯\(ツ)/¯

[!NOTE] I've joined the React team, specifically working on React tooling. This role has opened up exciting opportunities to enhance the developer experience for React users— and your input could offer valuable insights to help me with this effort. Please join the conversation in the discussion thread!

Breaking Changes

https://github.com/welldone-software/why-did-you-render/commit/45fcdcfc3f54e2f3d3408bb4eeafb2344f8449dd, https://github.com/welldone-software/why-did-you-render/commit/7b6fc5cbc7d4036399b29a0e601d64769d6e0dab, https://github.com/welldone-software/why-did-you-render/commit/0b3cdd9f5d79f700dcfdf84d7c1738900873134b, https://github.com/welldone-software/why-did-you-render/commit/7eed9c5261bb7e606961a7f6c9e83c70c6dce2c0 - Now supports React 19
- Older versions are not supported, however I've created version branches with specific readme for older versions and added that information to the main readme:
  - version 8 of the library that supports React 18
  - and version 7 of the library for React 17 and React 16
https://github.com/welldone-software/why-did-you-render/commit/061327045d423646db5a882922f70f3c93c3d5ae - Advanced settings and exposed internals changes:
- Custom notifier callback props were renamed from prevHook and nextHook to prevHookResult and nextHookResult
- For advanced use-cases- wdyrStore.hooksPerRender was renamed to wdyrStore.hooksInfoForCurrentRender

[!CAUTION] The library was not tested with React Compiler at all. I believe it's completely incompatible with it.

[!CAUTION] Not all re-renders are "bad". Sometimes shenanigan to reduce re-renders can either hurt your App's performance or have a neglagable effect, in which case it would be just a waste of your efforts, and complicate your code. Try to focus on heavier components when optimizing and use the React DevTools Profiler to measure the effects of any changes.

New Features

https://github.com/welldone-software/why-did-you-render/commit/1562bfc1005f1ea9db16e2d7f495c89cde775e00 - Improved console colors so the text is now clearly visible in dark mode. This can be adjusted via the setting textBackgroundColor.

Internal

https://github.com/welldone-software/why-did-you-render/commit/cdd84dc046be39c2a524fc69814199f291663f7e, https://github.com/welldone-software/why-did-you-render/commit/2eb3f93d4cd659a2d21652ec75303d8dc5d66f53, https://github.com/welldone-software/why-did-you-render/commit/6c617d6e1ccb460dbdcdd9f9622107bd5e3fdd12 - Re-worked how owner render reasons are detected
https://github.com/welldone-software/why-did-you-render/commit/6bd8f0c94489b326b54306841509c40f30075c83 - Fixed how the demo app is being ran and using fast-refresh instead of the old hot-reload
https://github.com/welldone-software/why-did-you-render/commit/061327045d423646db5a882922f70f3c93c3d5ae - Made the detection of hooks in a new component much more simple, clear, and accurate
https://github.com/welldone-software/why-did-you-render/commit/8cb3d36c64b27364b7f80b8246cc0ab30edb10f0, https://github.com/welldone-software/why-did-you-render/commit/5e927f294f4ba4c0c81f60eebae3fc5e724388a3 - Adjusted tests to React 19
https://github.com/welldone-software/why-did-you-render/commit/cd969a074669e19aa4239fa92a24a64930218244 - Only testing the latest libraries that are compatible with React 19.
https://github.com/welldone-software/why-did-you-render/commit/7eed9c5261bb7e606961a7f6c9e83c70c6dce2c0 - Eliminated a warning that forwardRef functions accept exactly two parameters. Added a demo page for forwardRef.
https://github.com/welldone-software/why-did-you-render/commit/db2914c1e61b9b3b60a46af9556f705d3e75bc8d - Updated eslint to version 9
https://github.com/welldone-software/why-did-you-render/commit/3fb801c8f90bcb36dc5c3ca0a38665f729c323d7 - Removed all dev packages that were not used
https://github.com/welldone-software/why-did-you-render/commit/fcc8a8fbec3dac2dbfb8be78d1327ed0031b385b, https://github.com/welldone-software/why-did-you-render/commit/1f524c0d8b162e85eaa9b6c0f5dfd45d6431764b - Updated the rest of the dev packages, and adjusted the code accordingly

`v8.0.3`: Minor update

Compare Source

Updated all packages, besides eslint (8->9) because it was a pretty big update. I might do it later.
Fix #286 - set defaultProps to undefined when it's not present in the original to not have the warning "Support for defaultProps will be removed from function components in a future major release" by @Hypnosphi. Thank you!
Readme updates by myself @vzaidman and @sergeylaptev. Thank you!

`v8.0.1`

Compare Source

Breaking changes

Now only support React 18 since it differs quite a lot from previous versions when monkey patching. by @vzaidman
- For older versions use @^7
Renamed the internal property that checks if React is monkey patched from React.isWDYR to React.__IS_WDYR__ by @vzaidman

Non-breaking changes

Add support for useSyncExternalStore by @iamakulov in https://github.com/welldone-software/why-did-you-render/pull/283
Updated all packages to latest versions and adjusted tests, builds and dev server
- no more yarn audit vulnerabilities by @vzaidman

Docs updates

Smaller logo in README.md by @alex-page in https://github.com/welldone-software/why-did-you-render/pull/248
Add an example for using named imports with trackExtraHooks by @xepozz in https://github.com/welldone-software/why-did-you-render/pull/245
fix simple typos by @lpmi-13 in https://github.com/welldone-software/why-did-you-render/pull/282
Fix sentence by @busybox11 in https://github.com/welldone-software/why-did-you-render/pull/275

New Contributors

@alex-page made their first contribution in https://github.com/welldone-software/why-did-you-render/pull/248
@xepozz made their first contribution in https://github.com/welldone-software/why-did-you-render/pull/245
@iamakulov made their first contribution in https://github.com/welldone-software/why-did-you-render/pull/283
@lpmi-13 made their first contribution in https://github.com/welldone-software/why-did-you-render/pull/282
@busybox11 made their first contribution in https://github.com/welldone-software/why-did-you-render/pull/275

`v8.0.0`

Compare Source

oops! please use v8.0.1 and above :)

`v7.0.1`

Compare Source

fixed the reference to React 18 in peerDependencies in package.json. Thank you @jussikinnula!

`v7.0.0`: React 18

Compare Source

Added support to React 18! Thank you @jussikinnula!
Upgraded all packages
Improved race conditions in E2E tests that caused them to fail in the latest Chrome versions
- It also made the tests clearer and faster

`v6.2.3`: maintenance

Compare Source

Update all packages
Fixed tests for new versions
Fixed eslint for new versions
Added some TS types. Thank you @bduff9.
Improved the readme

`v6.2.1`

Compare Source

Updated all packages
Adjusted nollup setup files to work with the latest version
Fixed TypeScript types for JSX runtime files. Thank you for pointing this one out @jafin!

`v6.2.0`

Compare Source

updated all packages
#203 - Add delegate parameter to allow for harvesting additional data from react element- an advanced feature by @ereddrex. Thank you!

`v6.1.4`

Compare Source

fixed #196 - added jsx-runtime types (Thank you @hrazmsft)

`v6.1.2`

Compare Source

updated all packages
fixed defaultProps being lost on components patched by wdyr. Thank you @joeyparis!! https://github.com/welldone-software/why-did-you-render/pull/194

`v6.1.1`

Compare Source

Ignoring object getters because accessing them often errors and/or has side effects (fixing #184)
Updated all packages and improved the vscode development environment

`v6.1.0`

Compare Source

Now also tracks non-plain objects (like new User()).

Thank you @barakyosi!!

MR: https://github.com/welldone-software/why-did-you-render/pull/179 CLOSED ISSUE: https://github.com/welldone-software/why-did-you-render/issues/74

`v6.0.5`

Compare Source

fixed the bug "RangeError: Maximum call stack size exceeded" (#168) by making sure WDYR is not applied more than once under any circumstances.

`v6.0.4`

Compare Source

updated all packages, including security fixes
improved the code quality
- updated test file imports
- improved eslint rules
updated vscode settings files
- added jest extension settings
- added eslint autofix
improved the readme

`v6.0.1`: React 17, Automatic JSX runtime transform

Compare Source

Breaking Changes

No longer minimizes the library.
- The minimization created too many inconveniences.
- It should only be used in dev, and it's small anyway.

Other Changes

Added support to React 17.
Added support to the new jsx-runtime transform from babel.
- By the way, this might be a very useful thing for the library in the future.
Added a mechanism to test both React 16 and React 17

`v5.0.0`

Compare Source

Notice:

Support for React@17 is on it's way.

Breaking changes:

No longer tracks deep equals results in useMemo.
- Added tests to children re-rendered as a result of useMemo or useCallback results:
  - logs if the different result got generated because of deep equals deps changes
  - ignores the prop change if deps were different
No longer tracks re-renders as a result of useCallback invalidation due to deps changes (fixes #46)
- This fix was brought to you by the one and only @Hypnosphi :)
Made logOwnerReasons true by default
Only build a minimized UMD version now and won't commit the built files to git anymore
Removed babel-plugin-lodash because lodash optimizations better are done by the user of the library
Removed building in babel-plugin-transform-classes because we build with a newer babel where it is not needed anymore

Enhancements:

Added a feature where upon request you can get a detailed diff between props. For example for the following: const sameObj = {a: {b: 'c'}} ReactDom.render(<Main containerProps={{style: {height: '100%'}, className: 'default-highchart', sameObj}} />, domElement) ReactDom.render(<Main containerProps={{style: {height: '100%'}, className: 'default-highchart', sameObj}} />, domElement) Since props are equal by value, you will see the following option that allows for the generation of a detailed diff report:

Fixes

Only track hooks if they are supported

Readme

improved readme in general, including the installation tips

Dev

Added Travis pipelines that run lint, test, audit, and e2e tests for each MR.
Added a full e2e coverage using cypress that runs in the pipelines.
updated all dev packages

`v4.3.1`

Compare Source

fixed owner reasons bug in strict mode, also added a test
updated all dev packages

`v4.3.0`: Improved development

Compare Source

Updated packages
Added E2E tests (Cypress)
Added CI (Travis CI)
Running Unit tests, Lint, Audit, and E2E tests in CI

`v4.2.7`

Compare Source

small typescript update. thanks @igorrmotta!

`v4.2.6`

Compare Source

Fixed "track owner reasons" for cloned elements. Thanks @Hypnosphi !
Updated all dependencies including a security update for lodash

`v4.2.5`

Compare Source

fixed WDYR trying to track untrackable React elements which resulted in a redundant console error to the console. thanks @MaffooBristol

`v4.2.4`

Compare Source

fixed handling of hook state change during render. thanks @Hypnosphi!!

`v4.2.3`

Compare Source

minor docs improvements
minor inner code efficiency improvements
fixed a bug where broken code like React.memo(null) raised a console error regarding WDYR failure.
updated all dev dependencies

`v4.2.2`

Compare Source

fixed a false positive regarding React elements with several children with different props: https://github.com/welldone-software/why-did-you-render/issues/117

`v4.2.1`

Compare Source

fixed false positive regarding different react elements (based on their props) reported as deep equlas

I came across situations where a component is re-rendered because a property that holds a huge object deep equals to it's previous version is passed to it (after a request to the API that returns the same result)

this caused my console to almost crash with tracks of every single nested property of it.

so now we would: