11import { Menu , MenuItem } from "@electron/remote" ;
22import React from "react" ;
3- import { findDOMNode } from "react-dom" ;
43import { IObservableValue , action , makeObservable , runInAction } from "mobx" ;
54import { observer } from "mobx-react" ;
65import classNames from "classnames" ;
@@ -330,7 +329,6 @@ export class HistoryListComponentClass extends React.Component<{
330329 jumpToPresentCondition : IObservableValue < boolean > ;
331330} > {
332331 animationFrameRequestId : any ;
333- div : Element ;
334332
335333 fromBottom : number | undefined ;
336334 fromTop : number | undefined = 0 ;
@@ -344,6 +342,12 @@ export class HistoryListComponentClass extends React.Component<{
344342 findCenterItemTimeut : any ;
345343 lastItemInTheCenterId : string | undefined ;
346344
345+ ref = React . createRef < HTMLDivElement > ( ) ;
346+
347+ get div ( ) {
348+ return this . ref . current ! . parentElement as Element ;
349+ }
350+
347351 constructor ( props : any ) {
348352 super ( props ) ;
349353
@@ -581,12 +585,7 @@ export class HistoryListComponentClass extends React.Component<{
581585 return (
582586 < div
583587 className = "EezStudio_HistoryListComponentContainer"
584- ref = { ( ref : any ) => {
585- let div = findDOMNode ( ref ) ;
586- if ( div && div . parentElement ) {
587- this . div = div . parentElement ;
588- }
589- } }
588+ ref = { this . ref }
590589 onClick = { event => {
591590 if (
592591 $ ( event . target ) . closest (
0 commit comments