Hook is not triggered when boolean property changed on nested object.

• use-deep-compare-effect version:1.3.0
• node version: 12.9.1
• npm (or yarn) version: 6.4.1

What you did: Passed an object (nested) as prop to a functional component

What happened: One of the nested properties of the object is changed from false/true.

Problem description: useDeepEffect is not triggered when object changed.

Suggested solution: the only way I manage to achieve what I wanted is to by doing: JSON.stringify(nestedObject)

Object Structure:

nestedObject: {
 a: {another obj},
 array: [
         {b: Boolean},
         {c: Boolean},
         {d: Boolean},
       ]
}

Problem: Boolean ‘C’ changed, but useDeepEffect is not triggered.

[niamleeson]

@trentonsnyder That sandbox is setting a new object reference on button click so it seems like it is working correctly. Here’s an actual reproduction of the bug: https://codesandbox.io/s/restless-star-c175j

[MadhuvanthG]

https://github.com/kentcdodds/use-deep-compare-effect/blob/master/src/__tests__/index.js#L82-L95

this may be useful in the future, but we don’t support it today so I thought it’d be good to include as a test as it would be a breaking change if we did add support. I’m inclined to not support this. Manipulation is not good.

Ok, this sums it up, I think. Intentionally not supported and it makes sense.