Use a static property to detect Backspace and Delay elements

[dastoori]

It's related to this commit

Comparing reference type of Backspace and Delay doesn't work with react-hot-loader. I use next.js and it's using react-hot-loader in the background and I have same issue as #33. cause of the problem is this:

Because React Hot Loader creates proxied versions of your components, comparing reference types of elements won't work
https://github.com/gaearon/react-hot-loader#checking-element-types

It's a known issue of react-hot-loader and it seems that it's not going to be fixed from their side: gaearon/react-hot-loader#304

The only solution that I found (for libraries) is to define a static property for each components and then compare them.

I used componentName property and it's working on both next.js and minified version.

[jstejada]

@dastoori thanks for looking into this! This solution looks good to me.

I haven't set up CI for this repo yet unfortunately :(, but would you mind confirming that the tests still pass? Otherwise, I'll test it too and merge it

Thanks!

[dastoori]

All tests passed ✅

[jstejada]

Sweet, thanks @dastoori !

[stevemao]

Can you make a new release? @jstejada

[jstejada]

released as 2.0.5. I'm really sorry for the delay!