From f1ba81076598c312d70908c22b03e0b8a2cd06a1 Mon Sep 17 00:00:00 2001
From: or-else <or.else@gmail.com>
Date: Fri, 16 Jul 2021 14:18:38 -0700
Subject: [PATCH] remove deprecated findDOMNode

---
 src/widgets/context-menu.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/widgets/context-menu.jsx b/src/widgets/context-menu.jsx
index ce63df3a..fbed3da6 100644
--- a/src/widgets/context-menu.jsx
+++ b/src/widgets/context-menu.jsx
@@ -1,6 +1,5 @@
 // Context Menu: popup/dropdown menu.
 import React from 'react';
-import ReactDOM from 'react-dom';
 import { injectIntl, defineMessages } from 'react-intl';
 
 import { REM_SIZE } from '../config.js';
@@ -109,6 +108,8 @@ class ContextMenu extends React.Component {
   constructor(props) {
     super(props);
 
+    this.selfRef = React.createRef();
+
     const {formatMessage} = props.intl;
 
     this.handlePageClick = this.handlePageClick.bind(this);
@@ -318,7 +319,7 @@ class ContextMenu extends React.Component {
   }
 
   handlePageClick(e) {
-    if (ReactDOM.findDOMNode(this).contains(e.target)) {
+    if (this.selfRef.contains(e.target)) {
       return;
     }
     e.preventDefault();
@@ -445,7 +446,7 @@ class ContextMenu extends React.Component {
     };
 
     return (
-      <ul className="menu" style={position}>
+      <ul className="menu" style={position} ref={this.selfRef}>
         {menu}
       </ul>
     );