WIP try to fix test in mirador

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",

src/CanvasListItem.js

-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';

src/plugins/canvasAnnotationsPlugin.js

@@ -37,7 +37,7 @@ class CanvasAnnotationsWrapper extends Component {
     const props = {
       ...targetProps,
       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