detach fiber from dom

Author: paulshen

packages/react-dom/src/client/ReactDOMComponentTree.js

@@ -8,11 +8,11 @@
 import {HostComponent, HostText} from 'shared/ReactWorkTags';
 import invariant from 'shared/invariant';
 
-const randomKey = Math.random()
-  .toString(36)
-  .slice(2);
-const internalInstanceKey = '__reactInternalInstance$' + randomKey;
-const internalEventHandlersKey = '__reactEventHandlers$' + randomKey;
+// const randomKey = Math.random()
+//   .toString(36)
+//   .slice(2);
+const internalInstanceKey = '__reactInternalInstance$';
+const internalEventHandlersKey = '__reactEventHandlers$';
 
 export function precacheFiberNode(hostInst, node) {
   node[internalInstanceKey] = hostInst;

packages/react-reconciler/src/ReactFiberCommitWork.js

@@ -728,6 +728,9 @@ function commitUnmount(current: Fiber): void {
     }
     case HostComponent: {
       safelyDetachRef(current);
+      // HACK: detach fiber references from DOM
+      current.stateNode.__reactEventHandlers$ = null;
+      current.stateNode.__reactInternalInstance$ = null;
       break;
     }
     case HostPortal: {