changed where id is stringified

Author: AnnMarieW

components/dash-core-components/src/components/Loading.react.js

@@ -8,17 +8,6 @@ import CubeSpinner from '../fragments/Loading/spinners/CubeSpinner.jsx';
 import CircleSpinner from '../fragments/Loading/spinners/CircleSpinner.jsx';
 import DotSpinner from '../fragments/Loading/spinners/DotSpinner.jsx';
 
-const stringifyId = id => {
-    if (typeof id !== 'object') {
-        return id;
-    }
-    const stringifyVal = v => (v && v.wild) || JSON.stringify(v);
-    const parts = Object.keys(id)
-        .sort()
-        .map(k => JSON.stringify(k) + ':' + stringifyVal(id[k]));
-    return '{' + parts.join(',') + '}';
-};
-
 const spinnerComponentOptions = {
     graph: GraphSpinner,
     cube: CubeSpinner,
@@ -51,7 +40,7 @@ const loadingSelector = (componentPath, targetComponents) => state => {
                 if (
                     targetComponents &&
                     !any(l => {
-                        const target = targetComponents[stringifyId(l.id)];
+                        const target = targetComponents[l.id];
                         if (!target) {
                             return false;
                         }

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

@@ -753,7 +753,7 @@ export function executeCallback(
             const loadingOutputs = outputs.map(out => ({
                 path: getPath(paths, out.id),
                 property: out.property?.split('@')[0],
-                id: out.id
+                id: (window as any).dash_component_api.stringifyId(out.id)
             }));
             dispatch(loading(loadingOutputs));
             try {