update to remove hashes of decendents upon newRender

Author: BSd3v

dash/dash-renderer/src/actions/constants.js

@@ -10,7 +10,8 @@ const actionList = {
     ON_ERROR: 1,
     SET_HOOKS: 1,
     INSERT_COMPONENT: 1,
-    REMOVE_COMPONENT: 1
+    REMOVE_COMPONENT: 1,
+    RESET_COMPONENT_STATE: 1
 };
 
 export const getAction = action => {

dash/dash-renderer/src/actions/index.js

@@ -22,6 +22,7 @@ export const insertComponent = createAction(getAction('INSERT_COMPONENT'));
 export const removeComponent = createAction(getAction('REMOVE_COMPONENT'));
 
 export const onPropChange = createAction(getAction('ON_PROP_CHANGE'));
+export const resetComponentState = createAction(getAction('RESET_COMPONENT_STATE'));
 
 export function updateProps(payload) {
     return (dispatch, getState) => {

dash/dash-renderer/src/reducers/reducer.js

@@ -49,6 +49,17 @@ const layoutHashes = (state = {}, action) => {
             },
             state
         );
+    } else if (action.type === 'RESET_COMPONENT_STATE') {
+        const { itempath } = action.payload;
+        if (itempath) {
+            const prefixStr = stringifyPath(itempath);
+            // Remove all hashes for keys starting with prefixStr
+            return Object.fromEntries(
+                Object.entries(state).filter(
+                    ([key]) => !key.startsWith(prefixStr)
+                )
+            );
+        };
     }
     return state;
 };

dash/dash-renderer/src/wrapper/DashWrapper.tsx

@@ -21,7 +21,7 @@ import {useSelector, useDispatch, batch} from 'react-redux';
 import ComponentErrorBoundary from '../components/error/ComponentErrorBoundary.react';
 import {DashLayoutPath, UpdatePropsPayload} from '../types/component';
 import {DashConfig} from '../config';
-import {notifyObservers, onError, updateProps} from '../actions';
+import {notifyObservers, onError, updateProps, resetComponentState} from '../actions';
 import {getWatchedKeys, stringifyId} from '../actions/dependencies';
 import {
     createElement,
@@ -90,6 +90,10 @@ function DashWrapper({
             if (renderH in memoizedKeys.current) {
                 delete memoizedKeys.current[renderH];
             }
+            // Reset hashes and layout for this component and all descendants
+            dispatch(resetComponentState({
+                        itempath: componentPath,
+                    }));
         } else {
             newRender.current = false;
         }