Because of #19851, we are not able to create our own custom arrow for a Tooltip.

Passing an arrow modifier to PopperProps, throws Failed to execute 'contains' on 'Node': parameter 1 is not of type 'Node'.
The arrow is displayed properly.
Working version (4.9.4): https://codesandbox.io/s/material-demo-ltrt5
Broken version (4.9.5): https://codesandbox.io/s/material-demo-ddi25
This is because deepmerge() replaces DOM nodes by {} objects.
Here a screenshot of the following console.log:


| Tech | Version |
| ----------- | ------- |
| Material-UI | v4.9.5 |
| React | v16.13.0
| Browser | Brave Version 1.3.118 Chromium: 80.0.3987.116 (Official Build) (64-bit) |
It looks like it's actually attempting to merge the Elements. We probably just want to merge plain objects.
Should I create a PR to prevent deepMerge from merging Elements?
Most helpful comment
Should I create a PR to prevent deepMerge from merging Elements?