Follow 54b4fa20

src/components/AnnotationsOverlayVideo.js

-import React, { Component } from 'react';
+import { createRef, Component } from 'react';
 import PropTypes from 'prop-types';
 import isEqual from 'lodash/isEqual';
 import debounce from 'lodash/debounce';
@@ -64,7 +64,7 @@ export class AnnotationsOverlayVideo extends Component {
   constructor(props) {
     super(props);
 
-    this.ref = React.createRef();
+    this.ref = createRef();
     VideosReferences.set(props.windowId, this);
     this.canvasOverlay = null;
     // An initial value for the updateCanvas method

src/components/VideoViewer.js

 import flatten from 'lodash/flatten';
 import flattenDeep from 'lodash/flattenDeep';
-import React, { Component, Fragment } from 'react';
+import { createRef, Component } from 'react';
 import PropTypes from 'prop-types';
 import AnnotationItem from '../lib/AnnotationItem';
 import AnnotationsOverlayVideo from '../containers/AnnotationsOverlayVideo';
@@ -11,7 +11,7 @@ export class VideoViewer extends Component {
   /** */
   constructor(props) {
     super(props);
-    this.videoRef = React.createRef();
+    this.videoRef = createRef();
 
     this.state = {
       start: 0,

src/components/ViewerNavigationVideo.js

 import ClosedCaption from '@material-ui/icons/ClosedCaption';
 import ClosedCaptionOutlined from '@material-ui/icons/ClosedCaptionOutlined';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PauseRoundedIcon from '@material-ui/icons/PauseRounded';
 import PlayArrowRoundedIcon from '@material-ui/icons/PlayArrowRounded';
 import PropTypes from 'prop-types';

src/components/WindowCanvasNavigationControlsVideo.js

-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Paper from '@material-ui/core/Paper';