adapt mirador to use own react version

Author: BernhardKoschicek

openatlas/static/package.json

@@ -1,35 +1,41 @@
 {
-    "dependencies": {
-        "@fortawesome/fontawesome-free": "^5.15.4",
-        "@mapbox/leaflet-pip": "^1.1.0",
-        "@popperjs/core": "^2.11.5",
-        "@tanstack/table-core": "^8.20.5",
-        "bootstrap": "^5.1.3",
-        "bootstrap-autocomplete": "2.3.7",
-        "chart.js": "4.3.0",
-        "chartjs-plugin-autocolors": "0.2.2",
-        "d3": "^7.9.0",
-        "datatables.net": "^1.11.5",
-        "datatables.net-bs4": "^1.11.5",
-        "datatables.net-buttons": "^1.7.1",
-        "datatables.net-buttons-dt": "^1.7.1",
-        "datatables.net-dt": "^1.11.5",
-        "huebee": "^2.1.1",
-        "jquery": "^3.6.0",
-        "jquery-ui-dist": "^1.13.1",
-        "jquery-validation": "^1.19.3",
-        "jstree": "^3.3.12",
-        "leaflet": "^1.7.1",
-        "leaflet-draw": "^1.0.4",
-        "leaflet-groupedlayercontrol": "^0.6.1",
-        "leaflet-iiif": "^3.0.0",
-        "leaflet-imageoverlay-rotated": "^v0.2.1",
-        "leaflet.fullscreen": "2.2.0",
-        "leaflet.markercluster": "^1.5.3",
-        "mirador": "^4.0.0",
-        "save-svg-as-png": "^1.4.17",
-        "tinymce": "^5.10.3",
-        "wellknown": "^0.5.0"
-    },
-    "name": "openatlas"
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "@mapbox/leaflet-pip": "^1.1.0",
+    "@popperjs/core": "^2.11.5",
+    "@tanstack/table-core": "^8.20.5",
+    "bootstrap": "^5.1.3",
+    "bootstrap-autocomplete": "2.3.7",
+    "chart.js": "4.3.0",
+    "chartjs-plugin-autocolors": "0.2.2",
+    "d3": "^7.9.0",
+    "datatables.net": "^1.11.5",
+    "datatables.net-bs4": "^1.11.5",
+    "datatables.net-buttons": "^1.7.1",
+    "datatables.net-buttons-dt": "^1.7.1",
+    "datatables.net-dt": "^1.11.5",
+    "huebee": "^2.1.1",
+    "jquery": "^3.6.0",
+    "jquery-ui-dist": "^1.13.1",
+    "jquery-validation": "^1.19.3",
+    "jstree": "^3.3.12",
+    "leaflet": "^1.7.1",
+    "leaflet-draw": "^1.0.4",
+    "leaflet-groupedlayercontrol": "^0.6.1",
+    "leaflet-iiif": "^3.0.0",
+    "leaflet-imageoverlay-rotated": "^v0.2.1",
+    "leaflet.fullscreen": "2.2.0",
+    "leaflet.markercluster": "^1.5.3",
+    "mirador": "^4.0.0",
+    "save-svg-as-png": "^1.4.17",
+    "tinymce": "^8.3.2",
+    "wellknown": "^0.5.0"
+  },
+  "name": "openatlas",
+  "overrides": {
+    "mirador": {
+      "react": "$react",
+      "react-dom": "$react-dom"
+    }
+  }
 }