Clean code after fixing ref forwarding, removing console.log

src/AnnotationCreation.js

@@ -171,7 +171,6 @@ class AnnotationCreation extends Component {
   componentDidMount() {
       const mediaVideo = VideosReferences.get(this.props.windowId);
       this.setState({ mediaVideo }); // Update mediaVideo in state
-      console.log('MEDIAVIDEO COMPONENTDIDMOUNT:', mediaVideo)
   }
   /** */
   handleImgChange(newUrl, imgRef) {
@@ -430,8 +429,6 @@ class AnnotationCreation extends Component {
     }
 
     const isVideoDataLoaded = mediaVideo && mediaVideo.video && !isNaN(mediaVideo.video.duration) && mediaVideo.video.duration > 0;
-    console.log(isVideoDataLoaded)
-
 
     return (
       <CompanionWindow

src/CanvasListItem.js

@@ -20,8 +20,6 @@ class CanvasListItem extends Component {
     this.handleMouseHover = this.handleMouseHover.bind(this);
     this.handleDelete = this.handleDelete.bind(this);
     this.handleEdit = this.handleEdit.bind(this);
-
-    console.log(props.ref);
   }
 
   /** */
@@ -86,9 +84,6 @@ class CanvasListItem extends Component {
 
   /** */
   render() {
-    const { children } = this.props;
-    console.log('canvaslistItem children :', this.props.children);
-    console.log('this.props : ', ...this.props);
     const { isHovering } = this.state;
     const { windowViewType, toggleSingleCanvasDialogOpen } = this.context;
 
@@ -130,7 +125,6 @@ class CanvasListItem extends Component {
         <li
           {...this.props} // eslint-disable-line react/jsx-props-no-spreading
         >
-          {/* {children} */}
         </li>
       </div>
     );

src/HMSInput.js

@@ -26,15 +26,12 @@ const StyledRoot = styled('div')({
 
 function HMSInput({ seconds, onChange }) {
   const [hms, setHms] = useState(secondsToHMSarray(0));
-  console.log('hms', hms);
 
   useEffect(() => {
       if(seconds != null) {
-  console.log('seconds', seconds);
     setHms(secondsToHMSarray(seconds));
       }
   }, [seconds]);
-    console.log('seconds AFTER USEEFFECT', seconds);
 
   const someChange = (ev) => {
     const newState = secondsToHMSarray(Number(ev.target.value));