why-did-you-render

based on how react does it:
https://overreacted.io/how-does-react-tell-a-class-from-a-function/

thanks @spiral2k for the idea

This helps us to patch functional components "less" and prepares us for React Hooks.

In Next.js and we assume in other complicated cases, for some reason, inheritance of Component from another Component that inherits from React, doesn't work. Monkey patching render from the other hand does works.

Tested on a complex next.js project.

Turns out some libraries use render like this:

render = () => {

This means they don't have render in their class prototype.

This version can handle it just right.