diff --git a/package.json b/package.json
index f5f114d1181b4bf7ff310417c05f142bf77a2c85..de5a520d78b55fe3f8680e3c484162018d2e10fa 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,8 @@
     "test:ci": "jest --ci --reporters=default --reporters=jest-junit --watchAll=false"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
     "@mui/system": "^5.15.1",
     "@psychobolt/react-paperjs": "^1.0.3",
     "@psychobolt/react-paperjs-editor": "0.0.11",
diff --git a/src/CanvasListItem.js b/src/CanvasListItem.js
index 997a1572a19e10bca52d250640b2bd0222420d1a..bc240526d18311d329c8bc0e2a7fb9591d06750e 100644
--- a/src/CanvasListItem.js
+++ b/src/CanvasListItem.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component, createRef } from 'react';
 import PropTypes from 'prop-types';
 import DeleteIcon from '@mui/icons-material/DeleteForever';
 import EditIcon from '@mui/icons-material/Edit';
diff --git a/src/plugins/canvasAnnotationsPlugin.js b/src/plugins/canvasAnnotationsPlugin.js
index 4a4a9d28d7ba87333e1757990158e75fe780894f..4366188db7eec09b9b7c0d66e3da18138202470b 100644
--- a/src/plugins/canvasAnnotationsPlugin.js
+++ b/src/plugins/canvasAnnotationsPlugin.js
@@ -36,8 +36,8 @@ class CanvasAnnotationsWrapper extends Component {
 
     const props = {
       ...targetProps,
-      listContainerComponent : CanvasListItem,
-    }
+      listContainerComponent: CanvasListItem,
+    };
 
     return (
       <AnnotationActionsContext.Provider
@@ -54,7 +54,7 @@ class CanvasAnnotationsWrapper extends Component {
         }}
       >
         <TargetComponent
-          {...props} // eslint-disable-line react/jsx-props-no-spreading
+          {...props}
         />
         {windowViewType !== 'single' && (
           <SingleCanvasDialog