fixed default value for form comps inside listview doesn't reflect on changing dyanmic data

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/generators/withMultiContext.tsx

@@ -124,11 +124,14 @@ export function withMultiContext<TCtor extends MultiCompConstructor>(VariantComp
         const mapComps = this.getMap();
         if (mapComps.hasOwnProperty(key) && !paramsEqual(params, mapComps[key].getParams())) {
           // refresh the item, since params changed
-          this.dispatch(deferAction(wrapChildAction(MAP_KEY, MapCtor.batchDeleteAction([key]))));
+          // this.dispatch(deferAction(wrapChildAction(MAP_KEY, MapCtor.batchDeleteAction([key]))));
+          this.dispatch(wrapChildAction(MAP_KEY, MapCtor.batchDeleteAction([key])));
+          comp = this.getOriginalComp();
+        } else {
+          comp = this.getOriginalComp()
+            .setParams(params)
+            .changeDispatch(wrapDispatch(wrapDispatch(this.dispatch, MAP_KEY), key));
         }
-        comp = this.getOriginalComp()
-          .setParams(params)
-          .changeDispatch(wrapDispatch(wrapDispatch(this.dispatch, MAP_KEY), key));
       }
       return comp;
     }

client/packages/lowcoder/src/comps/utils/supademoDisplay.tsx

@@ -35,7 +35,7 @@ const SupaDemoDisplay = ({ url, modalWidth = '75%', modalTop = '6%', showText =
         style={{ top: modalTop }}
         okButtonProps={{ style: { display: 'none' } }}
         cancelButtonProps={{ style: { display: 'none' } }}
-        bodyStyle={{ padding: 0 }}
+        styles={{ body: {padding: 0} }}
       >
         <div style={{ position: 'relative', boxSizing: 'content-box', maxHeight: '80vh', width: '100%', aspectRatio: '1.7712177121771218', padding: '40px 0' }}>
           <iframe