why-did-you-render
why-did-you-render copied to clipboard
why-did-you-render by Welldone Software monkey patches React to notify you about potentially avoidable re-renders. (Works with React Native as well.)
Added a try-catch, in the whyDidYouRender.js, in the function trackHookChanges when the changes calling the notifier(). And catching the line of call stack that matches with the name of displayName,...
By specifying `trackExtraHooks`, the following error is thrown. **NOTE: The error is only thrown when running in local machine, NOT in codesandbox.** Reproduction link: [](https://codesandbox.io/s/awesome-poitras-wkp0k?fontsize=14&hidenavigation=1&theme=dark) ``` whyDidYouRender.js:167 Uncaught TypeError:...
Right now they're untrackable
When using wdyr I noticed that it reports unnecessary renders caused by useSelector with an equality function even though the equality function causes the render to be avoided. Looking at...
I currently have a very big hook, with dozens of useStates, lots of them have empty arrays which trigger unncesary re-renders. But I don't know which is the one doing...
Added a test that proves #54 (Breaks child.type comparisons) No progress on the solution of this issue yet.
Could I turn off the tracking component from a specific library? After upgrade to Ant Design v4, the Table component's specification has changed as well. So I need to turn...
currently we use ``` declare namespace React { namespace Component { const whyDidYouRender: WhyDidYouRender.WhyDidYouRenderComponentMember; } } ``` and it actually works with ``` class ClassComponentWithBooleanWDYR extends React.Component{ static whyDidYouRender =...
This will always return an empty array when activated: ```js const MenuItem = React.forwardRef((props, ref) => { return Example }) MenuItem.whyDidYouRender = true let focusableChildrenTypes = [MenuItem] let isFocusableChildType =...