fix: use __temp_key__ for when you've just added components and theres no IDs

packages/core/admin/admin/src/content-manager/components/DynamicZone/utils/select.js

@@ -17,10 +17,12 @@ function useSelect(name) {
 
   const dynamicDisplayedComponents = useMemo(
     () =>
-      get(modifiedData, [name], []).map((data) => ({
-        componentUid: data.__component,
-        id: data.id,
-      })),
+      get(modifiedData, [name], []).map((data) => {
+        return {
+          componentUid: data.__component,
+          id: data.id ?? data.__temp_key__,
+        };
+      }),
     [modifiedData, name]
   );
 

packages/core/admin/admin/src/content-manager/components/EditViewDataManagerProvider/reducer.js

@@ -88,6 +88,7 @@ const reducer = (state, action) =>
             ? {
                 ...state.componentsDataStructure[componentLayoutData.uid],
                 __component: componentLayoutData.uid,
+                __temp_key__: getMaxTempKey(currentValue) + 1,
               }
             : {
                 ...state.componentsDataStructure[componentLayoutData.uid],

packages/core/admin/admin/src/content-manager/utils/getMaxTempKey.js

@@ -5,7 +5,7 @@ const getMaxTempKey = (arr) => {
 
   return Math.max.apply(
     Math,
-    arr.map((o) => o.__temp_key__)
+    arr.map((o) => o.__temp_key__ ?? o.id)
   );
 };