Incorrect cloning of objects which have a react.element

[bpAhmadi3d]

Hello
I noticed that when i use CloneDeep on objects that have a react element for example :

myObj = {
  element: <div>i'm a react element</div>
}

The react element is ruined and you can't render this element any more, after console.log() the element before and after the clone i can clearly see that some changes are made to the object and its not really a "clone", this bug has forced me to not be able to use CloneDeep, i really appreciate an update for this library which fixes this issue,
Here is an example showing this issue.
thanks.

[acristernam]

same here...

[jonschlinkert]

It's been a while, but if anyone is interested in doing a PR with unit tests for this I'd be happy to accept.

[bpAhmadi3d]

@jonschlinkert I solved this issue by using these two lines:
if (React.isValidElement(val))
return React.cloneElement(val);
Basically you check to see if the value is a valid react element, if it is you clone it using the cloneElement which react provides
A more detailed answer:
https://stackoverflow.com/questions/59965693/how-can-i-deepclone-an-object-which-has-a-react-element/59966447#59966447

[jonschlinkert]

Okay, if anyone wants to do a PR without adding React as a dependency I'd be happy to merge it in.