fix: 🐛 Run error handler for failed image requests (#3773)

extensions/cornerstone/src/init.tsx

@@ -1,4 +1,4 @@
-import OHIF, { Types } from '@ohif/core';
+import OHIF, { Types, errorHandler } from '@ohif/core';
 import React from 'react';
 
 import * as cornerstone from '@cornerstonejs/core';
@@ -251,6 +251,15 @@ export default async function init({
     });
   };
 
+  /**
+   * Runs error handler for failed requests.
+   * @param event 
+   */
+  const imageLoadFailedHandler = ({ detail }) => {
+    const handler = errorHandler.getHTTPErrorHandler()
+    handler(detail.error);
+  };
+
   const resetCrosshairs = evt => {
     const { element } = evt.detail;
     const { viewportId, renderingEngineId } = cornerstone.getEnabledElement(element);
@@ -279,9 +288,12 @@ export default async function init({
     const { element } = evt.detail;
     cornerstoneTools.utilities.stackContextPrefetch.enable(element);
   });
-
+  eventTarget.addEventListener(EVENTS.IMAGE_LOAD_FAILED, imageLoadFailedHandler);
+  eventTarget.addEventListener(EVENTS.IMAGE_LOAD_ERROR, imageLoadFailedHandler);
+  
   function elementEnabledHandler(evt) {
     const { element } = evt.detail;
+
     element.addEventListener(EVENTS.CAMERA_RESET, resetCrosshairs);
 
     eventTarget.addEventListener(EVENTS.STACK_VIEWPORT_NEW_STACK, toolbarEventListener);