Clean code after fixing ref forwarding

src/components/CanvasAnnotations.js

@@ -108,12 +108,6 @@ export class CanvasAnnotations extends Component {
 
     const annotationCount = annotations.length;
 
-    console.log('CanvasAnnotations containerRef : ', containerRef);
-
-    if (!containerRef.current) {
-      return <div>containerRef is null</div>;
-    }
-
     return (
       <>
         <Typography sx={{ paddingLeft: 2, paddingRight: 1, paddingTop: 2 }} variant="overline">

src/components/ScrollTo.js

@@ -15,7 +15,7 @@ export class ScrollTo extends Component {
 
   /** */
   componentDidMount() {
-    const { scrollTo, containerRef } = this.props;
+    const { scrollTo } = this.props;
     if (!scrollTo) return;
 
     this.scrollToElement();

src/containers/CanvasAnnotations.js

@@ -51,10 +51,17 @@ const mapDispatchToProps = {
   selectAnnotation: actions.selectAnnotation,
 };
 
+// const enhance = compose(
+//   withRef(),
+//   withTranslation(),
+//   connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true }),
+//   withPlugins('CanvasAnnotations'),
+// );
+
 const enhance = compose(
   withRef(),
   withTranslation(),
-  connect(mapStateToProps, mapDispatchToProps, null, { forwardRef: true }),
+  connect(mapStateToProps, mapDispatchToProps),
   withPlugins('CanvasAnnotations'),
 );