Only do silent pass if surpress_callback_exceptions=True, otherwise throw error

Non-existent running components will now only silently passed if surpress_callback_exceptions=True. Otherwise, an error will be thrown. Note: even if an error is thrown, the callback execution is not stopped. Only the side-update of the running component is ignored.

Author: aGitForEveryone

dash/dash-renderer/src/actions/callbacks.ts

@@ -36,7 +36,7 @@ import {
 } from '../types/callbacks';
 import {isMultiValued, stringifyId, isMultiOutputProp} from './dependencies';
 import {urlBase} from './utils';
-import {getCSRFHeader} from '.';
+import {getCSRFHeader, dispatchError} from '.';
 import {createAction, Action} from 'redux-actions';
 import {addHttpHeaders} from '../actions';
 import {notifyObservers, updateProps} from './index';
@@ -330,13 +330,27 @@ async function handleClientside(
     return result;
 }
 
-function updateComponent(component_id: any, props: any) {
+function updateComponent(component_id: any, props: any, cb: ICallbackPayload) {
     return function (dispatch: any, getState: any) {
-        const paths = getState().paths;
+        const {paths, config} = getState();
         const componentPath = getPath(paths, component_id);
-        if (typeof componentPath === 'undefined') {
-            // Can't find the component that was defined in the running keyword,
-            // Let's skip the component to prevent the dashboard from crashing.
+        if (!componentPath) {
+            if (!config.suppress_callback_exceptions) {
+                dispatchError(dispatch)(
+                    'ID running component not found in layout',
+                    [
+                        'Component defined in running keyword not found in layout.',
+                        `Component id: "${stringifyId(component_id)}"`,
+                        'This ID was used in the callback(s) for Output(s):',
+                        `${cb.output}`,
+                        'You can suppress this exception by setting',
+                        '`suppress_callback_exceptions=True`.'
+                    ]
+                );
+            }
+            // We need to stop further processing because functions further on
+            // can't operate on an 'undefined' object, and they will throw an
+            // error.
             return;
         }
         dispatch(
@@ -386,7 +400,7 @@ function sideUpdate(outputs: SideUpdateOutput, cb: ICallbackPayload) {
                 return acc;
             }, [] as any[])
             .forEach(([id, idProps]) => {
-                dispatch(updateComponent(id, idProps));
+                dispatch(updateComponent(id, idProps, cb));
             });
     };
 }