diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx
index 1fb47551b32..fab4d17a8de 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/Examples.tsx
@@ -389,20 +389,6 @@ export const WithInitialValue = () => {
           )
         }
 
-        const CreateNewEntry = () => {
-          return (
-            <Iterate.PushContainer
-              path="/countries"
-              openButton={
-                <Iterate.PushContainer.OpenButton text="Legg til flere statsborgerskap" />
-              }
-              showOpenButtonWhen={(list) => list.length > 0}
-            >
-              <MyEditItemForm />
-            </Iterate.PushContainer>
-          )
-        }
-
         const MyViewItem = () => {
           return (
             <Iterate.ViewContainer>
@@ -417,7 +403,6 @@ export const WithInitialValue = () => {
         const MyForm = () => {
           return (
             <Form.Handler
-              data={{ countries: [null] }}
               onSubmit={(data) => console.log('onSubmit', data)}
               onSubmitRequest={() => console.log('onSubmitRequest')}
             >
@@ -427,15 +412,22 @@ export const WithInitialValue = () => {
                 <Card align="stretch">
                   <Iterate.Array
                     path="/countries"
+                    defaultValue={[null]}
                     containerMode={(items) => {
-                      return items.length === 1 ? 'new' : 'view'
+                      if (items?.length === 1) {
+                        return 'initial-open'
+                      }
                     }}
                   >
                     <MyViewItem />
                     <MyEditItem />
                   </Iterate.Array>
 
-                  <CreateNewEntry />
+                  <Iterate.PushButton
+                    path="/countries"
+                    pushValue={null}
+                    text="Legg til flere statsborgerskap"
+                  />
                 </Card>
 
                 <Form.SubmitButton variant="send" />
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/demos.mdx
index a4f3381327f..188e041b121 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Iterate/Array/demos.mdx
@@ -59,8 +59,8 @@ With an optional `title` and [Iterate.Toolbar](/uilib/extensions/forms/Iterate/T
 
 <Examples.ValueComposition />
 
-### With initial value and `containerMode="new"`
+### With initial value and `containerMode="initial-open"`
 
-By using `containerMode="new"` and providing an initial value of `null` to the array, the user needs to fill out the first item.
+By using `containerMode="initial-open"` and providing an initial value of `null` to the array, the user needs to fill out the first item.
 
 <Examples.WithInitialValue />
diff --git a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
index 3b66092cc00..73fba40e9d8 100644
--- a/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/DataContext/Provider/Provider.tsx
@@ -64,14 +64,18 @@ export interface Props<Data extends JsonObject>
    * Unique ID to connect with a GlobalStatus
    */
   globalStatusId?: string
+  /**
+   * Source data, will be used instead of defaultData, and leading to updates if changed after mount
+   */
+  data?: Data
   /**
    * Default source data, only used if no other source is available, and not leading to updates if changed after mount
    */
   defaultData?: Data
   /**
-   * Source data, will be used instead of defaultData, and leading to updates if changed after mount
+   * Empty data, used to clear the data set.
    */
-  data?: Data
+  emptyData?: unknown
   /**
    * JSON Schema to validate the data against.
    */
@@ -178,6 +182,7 @@ export default function Provider<Data extends JsonObject>(
     id,
     globalStatusId = 'main',
     defaultData,
+    emptyData,
     data,
     schema,
     onChange,
@@ -829,14 +834,15 @@ export default function Provider<Data extends JsonObject>(
   }, [])
 
   const clearData = useCallback(() => {
-    internalDataRef.current = clearedData as Data
+    internalDataRef.current = (emptyData ?? clearedData) as Data
+
     if (id) {
       setSharedData?.(internalDataRef.current)
     } else {
       forceUpdate()
     }
     onClear?.()
-  }, [id, onClear, setSharedData])
+  }, [emptyData, id, onClear, setSharedData])
 
   /**
    * Shared logic dedicated to submit the whole form
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Isolation/Isolation.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Isolation/Isolation.tsx
index ffad2987bf2..0996397a262 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Isolation/Isolation.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Isolation/Isolation.tsx
@@ -174,7 +174,9 @@ function IsolationProvider<Data extends JsonObject>(
       // Commit the internal data to the nested context data
       handlePathChangeOuter?.(
         path,
-        extendDeep({}, outerData, isolatedData)
+        Array.isArray(isolatedData)
+          ? isolatedData
+          : extendDeep({}, outerData, isolatedData)
       )
 
       return await onCommitProp?.(
@@ -202,8 +204,7 @@ function IsolationProvider<Data extends JsonObject>(
 
   const providerProps: IsolationProps<Data> = {
     ...props,
-    data: internalDataRef.current,
-    defaultData: undefined,
+    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,
     onPathChange: onPathChangeHandler,
     onCommit,
     onClear,
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx
index 3f5333bd2b1..a95a80f49c6 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx
@@ -47,12 +47,20 @@ function ElementBlock(props: Props & FlexContainerProps) {
   contextRef.current.hasSubmitError = hasSubmitError
 
   // - Set the container mode to "edit" if we have an error
-  if (hasSubmitError || contextRef.current.containerMode === 'new') {
+  if (
+    hasSubmitError ||
+    contextRef.current.containerMode === 'initial-open'
+  ) {
     contextRef.current.containerMode = 'edit'
   }
 
-  const { handleRemove, switchContainerMode, containerMode, isNew } =
-    contextRef.current
+  const {
+    handleRemove,
+    switchContainerMode,
+    containerMode,
+    initialContainerMode,
+    isNew,
+  } = contextRef.current
 
   const {
     mode,
@@ -98,7 +106,10 @@ function ElementBlock(props: Props & FlexContainerProps) {
   const handleAnimationEnd = useCallback(
     (state) => {
       // - Keep the block open if we have an error
-      if (contextRef.current.hasSubmitError) {
+      if (
+        contextRef.current.hasSubmitError &&
+        initialContainerMode !== 'initial-open'
+      ) {
         switchContainerMode?.('edit')
       }
 
@@ -137,7 +148,7 @@ function ElementBlock(props: Props & FlexContainerProps) {
 
       onAnimationEnd?.(state)
     },
-    [onAnimationEnd, switchContainerMode]
+    [initialContainerMode, onAnimationEnd, switchContainerMode]
   )
   const handleRemoveBlock = useCallback(() => {
     isRemoving.current = true
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/Array.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/Array.tsx
index a5b63b542a3..282c415f8c7 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/Array.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/Array.tsx
@@ -9,7 +9,7 @@ import React, {
 } from 'react'
 import classnames from 'classnames'
 import pointer from 'json-pointer'
-import { useFieldProps, usePath } from '../../hooks'
+import { useFieldProps } from '../../hooks'
 import { makeUniqueId } from '../../../../shared/component-helper'
 import { Flex } from '../../../../components'
 import { pickSpacingProps } from '../../../../components/flex/utils'
@@ -23,17 +23,11 @@ import IterateItemContext, {
 } from '../IterateItemContext'
 import SummaryListContext from '../../Value/SummaryList/SummaryListContext'
 import ValueBlockContext from '../../ValueBlock/ValueBlockContext'
-import DataContext from '../../DataContext/Context'
 import FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'
 import useDataValue from '../../hooks/useDataValue'
+import { useSwitchContainerMode } from '../hooks'
 
-import type {
-  ContainerMode,
-  ProxyContainerModeWhen,
-  ElementChild,
-  Props,
-  Value,
-} from './types'
+import type { ContainerMode, ElementChild, Props, Value } from './types'
 import type { Identifier, Path } from '../../types'
 
 /**
@@ -50,7 +44,6 @@ function ArrayComponent(props: Props) {
   const summaryListContext = useContext(SummaryListContext)
   const valueBlockContext = useContext(ValueBlockContext)
 
-  const { joinPath } = usePath()
   const { getValue } = useDataValue()
   const preparedProps = useMemo(() => {
     const {
@@ -116,17 +109,7 @@ function ArrayComponent(props: Props) {
     valueCountRef.current = arrayValue || []
   }, [arrayValue])
 
-  const { fieldPropsRef } = useContext(DataContext) || {}
-  const pathProxy = fieldPropsRef?.current?.[
-    joinPath([path, '/iterateProxy'])
-  ] as {
-    containerModeWhen?: ProxyContainerModeWhen
-  }
-
-  const containerModeForAllItems =
-    typeof containerMode === 'function'
-      ? containerMode(arrayValue)
-      : containerMode
+  const { getNextContainerMode } = useSwitchContainerMode()
 
   const elementData = useMemo(() => {
     return ((valueWhileClosingRef.current || arrayValue) ?? []).map(
@@ -134,7 +117,7 @@ function ArrayComponent(props: Props) {
         const id = idsRef.current[index] || makeUniqueId()
 
         const hasNewItems =
-          arrayValue.length > valueCountRef.current?.length
+          arrayValue?.length > valueCountRef.current?.length
 
         if (!idsRef.current[index]) {
           isNewRef.current[id] = hasNewItems
@@ -143,10 +126,16 @@ function ArrayComponent(props: Props) {
 
         const isNew = isNewRef.current[id] || false
         if (!modesRef.current[id]) {
-          modesRef.current[id] =
-            containerModeForAllItems ??
-            pathProxy?.containerModeWhen?.(isNew) ??
-            (isNew ? 'edit' : 'view')
+          modesRef.current[id] = isNew
+            ? getNextContainerMode() ?? 'edit'
+            : 'view'
+        }
+        const containerModeForAllItems =
+          typeof containerMode === 'function'
+            ? containerMode(arrayValue)
+            : containerMode
+        if (containerModeForAllItems) {
+          modesRef.current[id] = containerModeForAllItems
         }
 
         return {
@@ -176,7 +165,7 @@ function ArrayComponent(props: Props) {
           },
           handlePush: (element: unknown) => {
             hadPushRef.current = true
-            handleChange([...(arrayValue ?? []), element])
+            handleChange([...(arrayValue || []), element])
           },
           handleRemove: ({ keepItems = false } = {}) => {
             if (keepItems) {
@@ -265,7 +254,7 @@ function ArrayComponent(props: Props) {
             if (omitFlex) {
               return (
                 <IterateItemContext.Provider
-                  key={`element-${id}`}
+                  key={`element-${id}-${index}`}
                   value={contextValue}
                 >
                   <FieldBoundaryProvider>{content}</FieldBoundaryProvider>
@@ -278,7 +267,7 @@ function ArrayComponent(props: Props) {
                 className="dnb-forms-iterate__element"
                 tabIndex={-1}
                 innerRef={elementRef}
-                key={`element-${id}`}
+                key={`element-${id}-${index}`}
               >
                 <IterateItemContext.Provider value={contextValue}>
                   <FieldBoundaryProvider>{content}</FieldBoundaryProvider>
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/ArrayDocs.ts b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/ArrayDocs.ts
index 92fc666f2af..7d1d073c896 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/ArrayDocs.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/ArrayDocs.ts
@@ -32,7 +32,7 @@ export const ArrayProperties: PropertiesTableProps = {
     status: 'optional',
   },
   containerMode: {
-    doc: 'Defines the container mode for all items. Can be `view`, `edit` or `new`. Use `new` to hide the toolbar and show items in `edit` mode. You can provide a function that should return the mode based on your logic. The first parameter is an array with all items. Defaults to `view`.',
+    doc: 'Defines the container mode for all items. Can be `view`, `edit` or `initial-open`. Use `initial-open` to hide the toolbar and show items in `edit` mode. You can provide a function that should return the mode based on your logic. The first parameter is an array with all items. Defaults to `view`.',
     type: ['string', 'function'],
     status: 'optional',
   },
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/types.ts b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/types.ts
index 3ca5e03206e..cc303837924 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/types.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/Array/types.ts
@@ -1,7 +1,7 @@
 import { Path, UseFieldProps } from '../../types'
 import { Props as FlexContainerProps } from '../../../../components/flex/Container'
 
-export type ContainerMode = 'view' | 'edit' | 'new'
+export type ContainerMode = 'view' | 'edit' | 'initial-open'
 export type Value = Array<unknown | Record<string, unknown>>
 export type ElementChild =
   | React.ReactNode
@@ -12,7 +12,7 @@ export type Props = Omit<
 > &
   Pick<
     UseFieldProps<Value, undefined | Value>,
-    'value' | 'emptyValue' | 'onChange'
+    'value' | 'defaultValue' | 'emptyValue' | 'onChange'
   > & {
     children: ElementChild | Array<ElementChild>
     path?: Path
@@ -26,6 +26,10 @@ export type Props = Omit<
 export type ContainerModeWhen = (
   items: Array<ElementChild>
 ) => ContainerMode | undefined
-export type ProxyContainerModeWhen = (
-  isNew: boolean
-) => ContainerMode | undefined
+export type ProxyContainerModeWhen = ({
+  currentMode,
+  hasError,
+}: {
+  currentMode: ContainerMode
+  hasError: boolean
+}) => ContainerMode | undefined
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditContainer.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditContainer.tsx
index b0510de0c47..f85848317d7 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditContainer.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditContainer.tsx
@@ -4,13 +4,12 @@ import { convertJsxToString } from '../../../../shared/component-helper'
 import { Lead } from '../../../../elements'
 import { Props as FlexContainerProps } from '../../../../components/flex/Container'
 import IterateItemContext from '../IterateItemContext'
-import DataContext from '../../DataContext/Context'
 import EditToolbarTools, { useWasNew } from './EditToolbarTools'
 import ElementBlock, {
   ElementSectionProps,
 } from '../AnimatedContainer/ElementBlock'
 import Toolbar from '../Toolbar'
-import usePath from '../../hooks/usePath'
+import { useSwitchContainerMode } from '../hooks'
 
 export type Props = {
   /**
@@ -37,35 +36,15 @@ export type Props = {
 export type AllProps = Props & FlexContainerProps & ElementSectionProps
 
 export default function EditContainer(props: AllProps) {
-  const { setFieldProps } = useContext(DataContext) || {}
   const iterateItemContext = useContext(IterateItemContext)
-  const { switchContainerMode, initialContainerMode, path } =
-    iterateItemContext ?? {}
+  const { initialContainerMode } = iterateItemContext || {}
   const { toolbar, ...rest } = props
 
-  const { joinPath } = usePath()
-
-  useMemo(() => {
-    if (initialContainerMode === 'new') {
-      setFieldProps?.(joinPath([path, 'iterateProxy']), {
-        onPushContainerOpen: () => {
-          switchContainerMode?.('view')
-        },
-      })
-    }
-  }, [
-    initialContainerMode,
-    joinPath,
-    path,
-    setFieldProps,
-    switchContainerMode,
-  ])
-
   return (
     <EditContainerWithoutToolbar
       toolbar={
         toolbar ??
-        (initialContainerMode !== 'new' && (
+        (initialContainerMode !== 'initial-open' && (
           <Toolbar>
             <EditToolbarTools />
           </Toolbar>
@@ -79,8 +58,8 @@ export default function EditContainer(props: AllProps) {
 export function EditContainerWithoutToolbar(
   props: Props & FlexContainerProps & { toolbar?: React.ReactNode }
 ) {
-  const iterateItemContext = useContext(IterateItemContext)
-  const { containerMode, isNew } = iterateItemContext ?? {}
+  const { containerMode, isNew, index, path } =
+    useContext(IterateItemContext)
 
   const {
     children,
@@ -95,12 +74,11 @@ export function EditContainerWithoutToolbar(
   let itemTitle = wasNew && titleWhenNew ? titleWhenNew : title
   let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])
   if (ariaLabel.includes('{itemNr}')) {
-    itemTitle = ariaLabel = ariaLabel.replace(
-      '{itemNr}',
-      iterateItemContext.index + 1
-    )
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1)
   }
 
+  useSwitchContainerMode({ path })
+
   return (
     <ElementBlock
       mode="edit"
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx
index fb3486e954c..34d216ef448 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx
@@ -19,6 +19,7 @@ export default function EditToolbarTools() {
     restoreOriginalValue,
     switchContainerMode,
     containerMode,
+    initialContainerMode,
     arrayValue,
     index,
     isNew,
@@ -45,13 +46,27 @@ export default function EditToolbarTools() {
   }, [arrayValue, containerMode, index])
 
   const cancelHandler = useCallback(() => {
-    if (valueBackupRef.current) {
-      restoreOriginalValue?.(valueBackupRef.current)
+    if (hasError && initialContainerMode === 'initial-open') {
+      setShowBoundaryErrors?.(true)
+      if (hasVisibleError) {
+        setShowError(true)
+      }
+    } else {
+      if (valueBackupRef.current) {
+        restoreOriginalValue?.(valueBackupRef.current)
+      }
+      setShowError(false)
+      setShowBoundaryErrors?.(false)
+      switchContainerMode?.('view')
     }
-    setShowError(false)
-    setShowBoundaryErrors?.(false)
-    switchContainerMode?.('view')
-  }, [restoreOriginalValue, setShowBoundaryErrors, switchContainerMode])
+  }, [
+    hasError,
+    hasVisibleError,
+    initialContainerMode,
+    restoreOriginalValue,
+    setShowBoundaryErrors,
+    switchContainerMode,
+  ])
   const doneHandler = useCallback(() => {
     if (hasError) {
       setShowBoundaryErrors?.(true)
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/__tests__/EditAndViewContainer.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/__tests__/EditAndViewContainer.test.tsx
index 04e28b3090d..8161cf0286b 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/__tests__/EditAndViewContainer.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/EditContainer/__tests__/EditAndViewContainer.test.tsx
@@ -339,7 +339,7 @@ describe('EditContainer and ViewContainer', () => {
 
     it('should not contain toolbar when mode is "new"', async () => {
       render(
-        <Iterate.Array value={['foo']} containerMode="new">
+        <Iterate.Array value={['foo']} containerMode="initial-open">
           <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
           <Iterate.EditContainer>Edit Content</Iterate.EditContainer>
         </Iterate.Array>
@@ -360,12 +360,36 @@ describe('EditContainer and ViewContainer', () => {
       expect(viewBlock.querySelectorAll('button')).toHaveLength(2)
     })
 
-    it('should close the item when a new appears in the array', async () => {
-      let containerMode = null
+    it('should validate on submit when containerMode is "initial-open"', () => {
+      render(
+        <Form.Handler>
+          <Iterate.Array value={['']} containerMode="initial-open">
+            <EditContainer>
+              <Field.String required itemPath="/" />
+            </EditContainer>
+            <ViewContainer>content</ViewContainer>
+          </Iterate.Array>
+        </Form.Handler>
+      )
+
+      expect(
+        document.querySelector('.dnb-form-status')
+      ).not.toBeInTheDocument()
+
+      const input = document.querySelector('input')
+      fireEvent.submit(input)
+
+      expect(
+        document.querySelector('.dnb-form-status')
+      ).toBeInTheDocument()
+    })
+
+    it('should set first item to "view" mode when a new is pushed to the array', async () => {
+      const containerMode = {}
 
       const ContextConsumer = () => {
         const context = React.useContext(IterateItemContext)
-        containerMode = context.containerMode
+        containerMode[context.index] = context.containerMode
 
         return null
       }
@@ -375,7 +399,7 @@ describe('EditContainer and ViewContainer', () => {
           <Iterate.Array
             path="/"
             containerMode={(items) => {
-              return items.length === 1 ? 'new' : 'edit'
+              return items.length === 1 ? 'initial-open' : undefined
             }}
           >
             <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
@@ -383,26 +407,82 @@ describe('EditContainer and ViewContainer', () => {
             <ContextConsumer />
           </Iterate.Array>
 
-          <Iterate.PushContainer
+          <Iterate.PushButton path="/" pushValue={'bar'} />
+        </Form.Handler>
+      )
+
+      expect(containerMode[0]).toBe('edit')
+
+      await userEvent.click(
+        document.querySelector('button.dnb-forms-iterate-push-button')
+      )
+
+      const blocks = Array.from(
+        document.querySelectorAll('.dnb-forms-section-block')
+      )
+      expect(blocks).toHaveLength(4)
+      const [, secondBlock] = blocks
+
+      expect(containerMode[0]).toBe('view')
+      expect(containerMode[1]).toBe('edit')
+
+      await userEvent.click(secondBlock.querySelector('button'))
+
+      expect(containerMode[0]).toBe('view')
+      expect(containerMode[1]).toBe('edit')
+    })
+
+    it('should keep first item in "edit" mode when there is an error', async () => {
+      const containerMode = {}
+
+      const ContextConsumer = () => {
+        const context = React.useContext(IterateItemContext)
+        containerMode[context.index] = context.containerMode
+
+        return null
+      }
+
+      render(
+        <Form.Handler data={['']}>
+          <Iterate.Array
             path="/"
-            openButton={<Iterate.PushContainer.OpenButton />}
-            showOpenButtonWhen={(list) => list.length > 0}
+            containerMode={(items) => {
+              return items.length === 1 ? 'initial-open' : undefined
+            }}
           >
-            New Content
-          </Iterate.PushContainer>
+            <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
+            <Iterate.EditContainer>
+              <Field.String required itemPath="/" />
+            </Iterate.EditContainer>
+            <ContextConsumer />
+          </Iterate.Array>
+
+          <Iterate.PushButton path="/" pushValue={'bar'} />
         </Form.Handler>
       )
 
-      expect(containerMode).toBe('edit')
+      expect(containerMode[0]).toBe('edit')
 
       await userEvent.click(
-        document.querySelector('button.dnb-forms-iterate-open-button')
+        document.querySelector('button.dnb-forms-iterate-push-button')
+      )
+
+      const blocks = Array.from(
+        document.querySelectorAll('.dnb-forms-section-block')
       )
+      expect(blocks).toHaveLength(4)
+      const [, secondBlock] = blocks
+
+      expect(containerMode[0]).toBe('edit')
+      expect(containerMode[1]).toBe('edit')
+
+      await userEvent.click(secondBlock.querySelector('button'))
 
-      expect(containerMode).toBe('view')
+      expect(containerMode[0]).toBe('edit')
+      expect(containerMode[1]).toBe('edit')
     })
 
-    it('should set existing item to new/edit mode when there is only one item', async () => {
+    it.skip('should set existing item to new/edit mode when there is only one item', async () => {
       let containerMode = null
 
       const ContextConsumer = () => {
@@ -417,7 +497,7 @@ describe('EditContainer and ViewContainer', () => {
           <Iterate.Array
             path="/"
             containerMode={(items) => {
-              return items.length === 1 ? 'new' : 'edit'
+              return items.length === 1 ? 'initial-open' : 'edit'
             }}
           >
             <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/PushButton.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/PushButton.tsx
index f9f56253258..1f77c0c5608 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/PushButton.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/PushButton.tsx
@@ -4,6 +4,7 @@ import { Button } from '../../../../components'
 import { ButtonProps } from '../../../../components/Button'
 import IterateItemContext from '../IterateItemContext'
 import { useFieldProps } from '../../hooks'
+import { useSwitchContainerMode } from '../hooks'
 import {
   DataValueReadWriteComponentProps,
   omitDataValueReadWriteProps,
@@ -21,12 +22,16 @@ function PushButton(props: Props) {
 
   const { pushValue, className, ...restProps } = props
   const buttonProps = omitDataValueReadWriteProps(restProps)
-  const { value, handleChange, children } = useFieldProps(restProps)
+  const { value, handleChange, path, children } = useFieldProps(restProps)
 
   if (value !== undefined && !Array.isArray(value)) {
     throw new Error('PushButton received a non-array value')
   }
 
+  const { setLastItemContainerMode } = useSwitchContainerMode({
+    path,
+  })
+
   const handleClick = useCallback(() => {
     const newValue =
       typeof pushValue === 'function' ? pushValue(value) : pushValue
@@ -34,12 +39,19 @@ function PushButton(props: Props) {
     if (handlePush) {
       // Inside an Iterate element - make the change through the Iterate component
       handlePush(newValue)
-      return // stop here
+    } else {
+      // If not inside an iterate, it could still manipulate a source data set through useFieldProps
+      handleChange([...(value ?? []), newValue])
     }
 
-    // If not inside an iterate, it could still manipulate a source data set through useFieldProps
-    handleChange([...(value ?? []), newValue])
-  }, [value, pushValue, handlePush, handleChange])
+    setLastItemContainerMode('view')
+  }, [
+    handleChange,
+    handlePush,
+    pushValue,
+    setLastItemContainerMode,
+    value,
+  ])
 
   return (
     <Button
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/__tests__/PushButton.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/__tests__/PushButton.test.tsx
index 72a20c6343f..b43ef409591 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/__tests__/PushButton.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushButton/__tests__/PushButton.test.tsx
@@ -1,7 +1,9 @@
 import React from 'react'
 import { render, fireEvent } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
 import IterateItemContext from '../../IterateItemContext'
 import PushButton from '../PushButton'
+import { Field, Form, Iterate } from '../../..'
 
 describe('PushButton', () => {
   it('should call handlePush when clicked inside an Iterate element', () => {
@@ -131,4 +133,40 @@ describe('PushButton', () => {
       'add icon'
     )
   })
+
+  it('should not overwrite initial data because of the same path as the Iterate.Array', async () => {
+    const onSubmit = jest.fn()
+    render(
+      <Form.Handler data={{ myList: [null] }} onSubmit={onSubmit}>
+        <Iterate.Array path="/myList">
+          <Field.String itemPath="/" defaultValue="bar" />
+        </Iterate.Array>
+
+        <PushButton path="/myList" pushValue="push value" />
+      </Form.Handler>
+    )
+
+    const form = document.querySelector('form')
+    const input = document.querySelector('input')
+    const button = document.querySelector('.dnb-forms-iterate-push-button')
+
+    expect(input).toHaveValue('bar')
+
+    fireEvent.submit(form)
+
+    expect(onSubmit).toHaveBeenCalledTimes(1)
+    expect(onSubmit).toHaveBeenLastCalledWith(
+      { myList: ['bar'] },
+      expect.anything()
+    )
+
+    await userEvent.click(button)
+    fireEvent.submit(form)
+
+    expect(onSubmit).toHaveBeenCalledTimes(2)
+    expect(onSubmit).toHaveBeenLastCalledWith(
+      { myList: ['bar', 'push value'] },
+      expect.anything()
+    )
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/PushContainer.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/PushContainer.tsx
index a38904318a5..046f03e1a43 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/PushContainer.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/PushContainer.tsx
@@ -1,16 +1,15 @@
-import React, { useCallback, useContext, useEffect, useRef } from 'react'
+import React, { useContext, useRef } from 'react'
 import Isolation from '../../Form/Isolation'
 import PushContainerContext from './PushContainerContext'
 import IterateItemContext from '../IterateItemContext'
-import DataContext from '../../DataContext/Context'
 import useDataValue from '../../hooks/useDataValue'
-import usePath from '../../hooks/usePath'
 import EditContainer from '../EditContainer'
 import IterateArray, { ContainerMode } from '../Array'
 import OpenButton from './OpenButton'
 import { HeightAnimation } from '../../../../components'
 import { Path } from '../../types'
 import { SpacingProps } from '../../../../shared/types'
+import { useSwitchContainerMode } from '../hooks'
 
 export type Props = {
   /**
@@ -63,15 +62,15 @@ function PushContainer(props: AllProps) {
     ...rest
   } = props
 
-  const { setFieldProps, fieldPropsRef } = useContext(DataContext) || {}
   const commitHandleRef = useRef<() => void>()
   const switchContainerModeRef = useRef<(mode: ContainerMode) => void>()
   const { value: entries = [], moveValueToPath } = useDataValue<
     Array<unknown>
   >({ path })
 
-  const showOpenButton = showOpenButtonWhen?.(entries)
+  const { setNextContainerMode } = useSwitchContainerMode({ path })
 
+  const showOpenButton = showOpenButtonWhen?.(entries)
   const newItemContextProps: PushContainerContext = {
     path,
     entries,
@@ -79,77 +78,50 @@ function PushContainer(props: AllProps) {
     switchContainerMode: switchContainerModeRef.current,
   }
 
-  const { joinPath } = usePath()
-
-  const switchArrayContainerToViewMode = useCallback(() => {
-    if (path) {
-      setFieldProps?.(joinPath([path, '/iterateProxy']), {
-        containerModeWhen: (isNew: boolean) => {
-          return isNew ? 'view' : undefined
-        },
-      })
-    }
-  }, [joinPath, path, setFieldProps])
-
   return (
     <Isolation
+      defaultData={{ newItems: [data] }}
+      emptyData={{ newItems: [data] }}
       commitHandleRef={commitHandleRef}
       transformOnCommit={({ newItems }) => {
         return moveValueToPath(path, [...entries, ...newItems])
       }}
       onCommit={(data, { clearData }) => {
-        switchArrayContainerToViewMode()
-        switchContainerModeRef.current?.('view')
+        setNextContainerMode('view')
         clearData()
+        switchContainerModeRef.current?.('view')
       }}
     >
       <PushContainerContext.Provider value={newItemContextProps}>
-        <IterateArray value={[data]} path="/newItems">
-          <ItemWrapper
-            path={path}
-            showOpenButton={showOpenButton}
-            openButton={openButton}
+        <IterateArray path="/newItems">
+          <NewContainer
             title={title}
-            fieldPropsRef={fieldPropsRef}
+            openButton={openButton}
+            showOpenButton={showOpenButton}
             switchContainerModeRef={switchContainerModeRef}
             {...rest}
           >
             {children}
-          </ItemWrapper>
+          </NewContainer>
         </IterateArray>
       </PushContainerContext.Provider>
     </Isolation>
   )
 }
 
-function ItemWrapper({
-  path,
-  showOpenButton,
-  openButton,
+function NewContainer({
   title,
+  openButton,
+  showOpenButton,
   switchContainerModeRef,
-  fieldPropsRef,
   children,
   ...rest
 }) {
   const { containerMode, switchContainerMode } =
     useContext(IterateItemContext) || {}
-  const { joinPath } = usePath()
 
   switchContainerModeRef.current = switchContainerMode
 
-  useEffect(() => {
-    if (containerMode === 'edit') {
-      const pathProxy = fieldPropsRef?.current?.[
-        joinPath([path, '/iterateProxy'])
-      ] as {
-        onPushContainerOpen?: () => void
-      }
-
-      pathProxy?.onPushContainerOpen?.()
-    }
-  }, [containerMode, fieldPropsRef, joinPath, path])
-
   return (
     <>
       <EditContainer
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/__tests__/PushContainer.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/__tests__/PushContainer.test.tsx
index 3b44b2573e9..923c35ad0a3 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/__tests__/PushContainer.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/PushContainer/__tests__/PushContainer.test.tsx
@@ -343,4 +343,133 @@ describe('PushContainer', () => {
       document.querySelector('.dnb-forms-section-block__inner')
     ).toHaveClass('dnb-space__top--large')
   })
+
+  it('should support array data', async () => {
+    const onChange = jest.fn()
+
+    render(
+      <Form.Handler data={['foo']} onChange={onChange}>
+        <Iterate.Array path="/">
+          <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
+          <Iterate.EditContainer>Edit Content</Iterate.EditContainer>
+        </Iterate.Array>
+
+        <Iterate.PushContainer
+          path="/"
+          openButton={<Iterate.PushContainer.OpenButton />}
+          showOpenButtonWhen={(list) => list.length > 0}
+        >
+          <Field.String itemPath="/" value="bar" />
+        </Iterate.PushContainer>
+      </Form.Handler>
+    )
+
+    await userEvent.click(
+      document.querySelector('button.dnb-forms-iterate-open-button')
+    )
+
+    const blocks = Array.from(
+      document.querySelectorAll('.dnb-forms-section-block')
+    )
+    const [, , thirdBlock] = blocks
+
+    const input = thirdBlock.querySelector('input')
+    expect(input).toHaveValue('bar')
+
+    await userEvent.type(input, ' addition')
+    expect(input).toHaveValue('bar addition')
+
+    await userEvent.click(thirdBlock.querySelector('button'))
+
+    expect(onChange).toHaveBeenCalledTimes(1)
+    expect(onChange).toHaveBeenLastCalledWith(
+      ['foo', 'bar addition'],
+      expect.anything()
+    )
+  })
+
+  it('should support default data in field', async () => {
+    const onChange = jest.fn()
+
+    render(
+      <Form.Handler data={['foo']} onChange={onChange}>
+        <Iterate.Array path="/">
+          <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
+          <Iterate.EditContainer>Edit Content</Iterate.EditContainer>
+        </Iterate.Array>
+
+        <Iterate.PushContainer
+          path="/"
+          openButton={<Iterate.PushContainer.OpenButton />}
+          showOpenButtonWhen={(list) => list.length > 0}
+        >
+          <Field.String itemPath="/" defaultValue="bar" />
+        </Iterate.PushContainer>
+      </Form.Handler>
+    )
+
+    await userEvent.click(
+      document.querySelector('button.dnb-forms-iterate-open-button')
+    )
+
+    const blocks = Array.from(
+      document.querySelectorAll('.dnb-forms-section-block')
+    )
+    const [, , thirdBlock] = blocks
+
+    const input = thirdBlock.querySelector('input')
+    expect(input).toHaveValue('bar')
+
+    await userEvent.type(input, ' addition')
+    expect(input).toHaveValue('bar addition')
+
+    await userEvent.click(thirdBlock.querySelector('button'))
+
+    expect(onChange).toHaveBeenCalledTimes(1)
+    expect(onChange).toHaveBeenLastCalledWith(
+      ['foo', 'bar addition'],
+      expect.anything()
+    )
+  })
+
+  it('should push initial input value', async () => {
+    const onChange = jest.fn()
+
+    render(
+      <Form.Handler data={['foo']} onChange={onChange}>
+        <Iterate.Array path="/">
+          <Iterate.ViewContainer>View Content</Iterate.ViewContainer>
+          <Iterate.EditContainer>Edit Content</Iterate.EditContainer>
+        </Iterate.Array>
+
+        <Iterate.PushContainer
+          path="/"
+          openButton={<Iterate.PushContainer.OpenButton />}
+          showOpenButtonWhen={(list) => list.length > 0}
+        >
+          <Field.String itemPath="/" defaultValue="bar" />
+        </Iterate.PushContainer>
+      </Form.Handler>
+    )
+
+    await userEvent.click(
+      document.querySelector('button.dnb-forms-iterate-open-button')
+    )
+
+    const blocks = Array.from(
+      document.querySelectorAll('.dnb-forms-section-block')
+    )
+    const [, , thirdBlock] = blocks
+
+    const input = thirdBlock.querySelector('input')
+    expect(input).toHaveValue('bar')
+
+    await userEvent.click(thirdBlock.querySelector('button'))
+
+    expect(onChange).toHaveBeenCalledTimes(1)
+    expect(onChange).toHaveBeenLastCalledWith(
+      ['foo', 'bar'],
+      expect.anything()
+    )
+  })
 })
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx
index 40524d58fee..ffa14b9f540 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx
@@ -26,15 +26,12 @@ export type AllProps = Props & FlexContainerProps & ElementSectionProps
 
 function ViewContainer(props: AllProps) {
   const { children, className, title, toolbar, ...restProps } = props || {}
-  const iterateItemContext = useContext(IterateItemContext)
+  const { index } = useContext(IterateItemContext)
 
   let itemTitle = title
   let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])
   if (ariaLabel.includes('{itemNr}')) {
-    itemTitle = ariaLabel = ariaLabel.replace(
-      '{itemNr}',
-      iterateItemContext.index + 1
-    )
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1)
   }
 
   return (
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/index.ts b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/index.ts
new file mode 100644
index 00000000000..02f30c1811c
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/index.ts
@@ -0,0 +1,2 @@
+export { default as useItem } from './useItem'
+export { default as useSwitchContainerMode } from './useSwitchContainerMode'
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/usePushContainer.ts b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/usePushContainer.ts
new file mode 100644
index 00000000000..a099e7860dd
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/usePushContainer.ts
@@ -0,0 +1,64 @@
+import { useContext, useCallback } from 'react'
+import { usePath } from '../../hooks'
+import DataContext from '../../DataContext/Context'
+import IterateItemContext from '../IterateItemContext'
+
+// This Hook can be used to execute the open function of the PushContainer.
+// At the moment, it is not used anywhere. And we may delete it in the future, if not needed.
+
+// 1. To open the listener part, run this inside the PushContainer ItemWrapper.
+// const { executeOpen } = usePushContainer()
+// useEffect(() => {
+//   if (containerMode === 'edit') {
+// 	executeOpen()
+//   }
+// }, [containerMode, executeOpen])
+
+// 2. And to add the listener to e.g. EditContainer, use this:
+// const { addListener } = usePushContainer()
+// useEffect(() => {
+//   addListener()
+// }, [addListener])
+
+export function usePushContainer() {
+  const { joinPath } = usePath()
+
+  const { setFieldProps, fieldPropsRef } = useContext(DataContext) || {}
+  const iterateItemContext = useContext(IterateItemContext)
+  const {
+    switchContainerMode,
+    containerMode,
+    initialContainerMode,
+    path,
+  } = iterateItemContext ?? {}
+
+  const addListener = useCallback(() => {
+    if (initialContainerMode === 'initial-open') {
+      setFieldProps?.(joinPath([path, 'iterateProxy']), {
+        onPushContainerOpen: () => {
+          switchContainerMode?.('view')
+        },
+      })
+    }
+  }, [
+    initialContainerMode,
+    joinPath,
+    path,
+    setFieldProps,
+    switchContainerMode,
+  ])
+
+  const executeOpen = useCallback(() => {
+    if (containerMode === 'edit') {
+      const pathProxy = fieldPropsRef?.current?.[
+        joinPath([path, '/iterateProxy'])
+      ] as {
+        onPushContainerOpen?: () => void
+      }
+
+      pathProxy?.onPushContainerOpen?.()
+    }
+  }, [containerMode, fieldPropsRef, joinPath, path])
+
+  return { addListener, executeOpen }
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts
new file mode 100644
index 00000000000..966640c2e73
--- /dev/null
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/hooks/useSwitchContainerMode.ts
@@ -0,0 +1,84 @@
+import { useCallback, useContext, useEffect, useRef } from 'react'
+import { ContainerMode } from '../Array'
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'
+import IterateItemContext from '../IterateItemContext'
+import { useSharedState } from '../../../../shared/helpers/useSharedState'
+import { Path } from '../../types'
+
+const globalContainerModeRef = { current: undefined }
+
+export default function useSwitchContainerMode({
+  path,
+}: { path?: Path } = {}) {
+  const nextContainerModeRef = useRef()
+  const { hasError } = useContext(FieldBoundaryContext) || {}
+  const iterateItemContext = useContext(IterateItemContext)
+
+  const { data, set, get } = useSharedState<Record<string, any>>(
+    (path || '') + 'useSwitchContainerMode'
+  )
+
+  useEffect(() => {
+    nextContainerModeRef.current = globalContainerModeRef.current
+    requestAnimationFrame(() => {
+      if (nextContainerModeRef.current) {
+        globalContainerModeRef.current = undefined
+      }
+    })
+  })
+
+  useEffect(() => {
+    if (iterateItemContext) {
+      const obj = data || {}
+      obj[iterateItemContext.id] = {
+        hasError,
+        ...iterateItemContext,
+      }
+      set(obj)
+    }
+  }, [data, hasError, iterateItemContext, set])
+
+  const setNextContainerMode = useCallback((mode: ContainerMode) => {
+    globalContainerModeRef.current = mode
+  }, [])
+
+  const setContainerMode = useCallback(
+    (fn: ({ hasError, index, arrayValue }) => ContainerMode) => {
+      const data = get()
+      for (const key in data) {
+        const item = data[key]
+        const mode = fn(item)
+        requestAnimationFrame(() => {
+          if (mode) {
+            item.switchContainerMode(mode)
+          }
+        })
+      }
+    },
+    [get]
+  )
+
+  const setLastItemContainerMode = useCallback(
+    (mode: ContainerMode) => {
+      setContainerMode(({ hasError, index, arrayValue }) => {
+        return index === arrayValue?.length - 1 && !hasError
+          ? mode
+          : undefined
+      })
+    },
+    [setContainerMode]
+  )
+
+  const getNextContainerMode = useCallback(():
+    | ContainerMode
+    | undefined => {
+    return nextContainerModeRef.current
+  }, [])
+
+  return {
+    getNextContainerMode,
+    nextContainerModeRef,
+    setNextContainerMode,
+    setLastItemContainerMode,
+  }
+}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx b/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx
index c18f34716ea..7838d3f8b4d 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Iterate/stories/Iterate.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { Field, Form, Iterate, Value } from '../..'
-import { Card, Flex } from '../../../../components'
+import { Card, Flex, Section } from '../../../../components'
 
 export default {
   title: 'Eufemia/Extensions/Forms/Iterate',
@@ -84,6 +84,7 @@ const CreateNewEntry = () => {
       }
       showOpenButtonWhen={(list) => list.length > 0}
     >
+      💯
       <MyEditItemForm />
     </Iterate.PushContainer>
   )
@@ -102,16 +103,16 @@ const MyViewItem = () => {
 
 export const ViewAndEditContainer = () => {
   return (
-    <React.StrictMode>
+    <>
       <Form.Handler
         data={{
           accounts: [
-            {
-              firstName: 'Tony',
-            },
-            {
-              firstName: 'Maria',
-            },
+            // {
+            //   firstName: 'Tony',
+            // },
+            // {
+            //   firstName: 'Maria',
+            // },
           ],
         }}
         onSubmit={(data) => console.log('onSubmit', data)}
@@ -131,6 +132,91 @@ export const ViewAndEditContainer = () => {
           <Form.SubmitButton variant="send" />
         </Flex.Vertical>
       </Form.Handler>
-    </React.StrictMode>
+    </>
+  )
+}
+
+export const MyForm = () => {
+  const MyEditItemForm = () => {
+    return (
+      <Field.Composition>
+        <Field.SelectCountry
+          label="Land du er statsborger i"
+          itemPath="/"
+          required
+        />
+      </Field.Composition>
+    )
+  }
+
+  const MyEditItem = (props) => {
+    return (
+      <Iterate.EditContainer {...props}>
+        <MyEditItemForm />
+      </Iterate.EditContainer>
+    )
+  }
+
+  const MyViewItem = () => {
+    return (
+      <Iterate.ViewContainer>
+        <Value.SelectCountry
+          label="Land du er statsborger i"
+          itemPath="/"
+        />
+      </Iterate.ViewContainer>
+    )
+  }
+
+  return (
+    <Form.Handler
+      onSubmit={(data) => console.log('onSubmit', data)}
+      onSubmitRequest={() => console.log('onSubmitRequest')}
+    >
+      <Flex.Stack>
+        <Form.MainHeading>Statsborgerskap</Form.MainHeading>
+
+        <Card align="stretch">
+          <Iterate.Array
+            path="/countries"
+            // defaultValue={['NO']}
+            defaultValue={[null]}
+            containerMode={(items) => {
+              if (items?.length === 1) {
+                return 'initial-open'
+              }
+            }}
+          >
+            <MyViewItem />
+            <MyEditItem />
+          </Iterate.Array>
+
+          <Iterate.PushButton
+            path="/countries"
+            pushValue={null}
+            text="Legg til flere statsborgerskap"
+          />
+        </Card>
+
+        <Form.SubmitButton variant="send" />
+
+        <Output />
+      </Flex.Stack>
+    </Form.Handler>
+  )
+}
+
+const Output = () => {
+  const { data } = Form.useData()
+
+  return (
+    <Section
+      element="output"
+      backgroundColor="sand-yellow"
+      style={{ maxWidth: '80vw' }}
+      innerSpace
+    >
+      <pre>All data: {JSON.stringify(data)}</pre>
+    </Section>
   )
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/hooks/useExternalValue.ts b/packages/dnb-eufemia/src/extensions/forms/hooks/useExternalValue.ts
index 788ba213666..6acc081b163 100644
--- a/packages/dnb-eufemia/src/extensions/forms/hooks/useExternalValue.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/hooks/useExternalValue.ts
@@ -3,6 +3,7 @@ import pointer from 'json-pointer'
 import { FieldProps, Path } from '../types'
 import DataContext from '../DataContext/Context'
 import IterateElementContext from '../Iterate/IterateItemContext'
+import usePath from './usePath'
 
 export type Props<Value> = {
   path?: Path | undefined
@@ -22,10 +23,15 @@ export default function useExternalValue<Value>(props: Props<Value>) {
     transformers,
     emptyValue = undefined,
   } = props
-  const dataContext = useContext(DataContext)
+  const { data } = useContext(DataContext) || {}
   const iterateItemContext = useContext(IterateElementContext)
   const inIterate = Boolean(iterateItemContext)
-  const { value: iterateElementValue } = iterateItemContext ?? {}
+  const { value: valueIterate } = iterateItemContext || {}
+
+  const { identifier } = usePath({
+    path,
+    itemPath,
+  })
 
   return useMemo(() => {
     if (value !== emptyValue) {
@@ -33,37 +39,41 @@ export default function useExternalValue<Value>(props: Props<Value>) {
       return transformers?.current?.fromExternal?.(value)
     }
 
-    if (inIterate && itemPath) {
+    // - Support Iterate without dataContext
+    if (inIterate && itemPath && valueIterate) {
       // This field is inside an iterate, and has a pointer from the base of the element being iterated
       if (itemPath === '/') {
-        return iterateElementValue
+        return valueIterate
       }
 
-      return pointer.has(iterateElementValue, itemPath)
-        ? pointer.get(iterateElementValue, itemPath)
-        : emptyValue
+      const hasValue = pointer.has(valueIterate, itemPath)
+      if (hasValue) {
+        return pointer.get(valueIterate, itemPath)
+      }
     }
 
-    if (dataContext.data && path) {
+    if (data && path) {
       // There is a surrounding data context and a path for where in the source to find the data
-      if (path === '/') {
-        return dataContext.data
+      if (!inIterate && identifier === '/') {
+        return data
       }
 
-      return pointer.has(dataContext.data, path)
-        ? pointer.get(dataContext.data, path)
-        : emptyValue
+      const hasValue = pointer.has(data, identifier)
+      if (hasValue) {
+        return pointer.get(data, identifier)
+      }
     }
 
     return emptyValue
   }, [
-    dataContext.data,
+    data,
     emptyValue,
+    identifier,
     inIterate,
     itemPath,
-    iterateElementValue,
     path,
     transformers,
     value,
+    valueIterate,
   ])
 }
diff --git a/packages/dnb-eufemia/src/extensions/forms/hooks/useFieldProps.ts b/packages/dnb-eufemia/src/extensions/forms/hooks/useFieldProps.ts
index 16eb95d41b9..543537ee9ac 100644
--- a/packages/dnb-eufemia/src/extensions/forms/hooks/useFieldProps.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/hooks/useFieldProps.ts
@@ -171,6 +171,7 @@ export default function useFieldProps<Value, EmptyValue, Props>(
   const { setFieldError, showBoundaryErrors } = fieldBoundaryContext ?? {}
 
   const hasPath = Boolean(pathProp)
+  const hasItemPath = Boolean(itemPath && (valueProp || defaultValue))
   const { path, identifier, makeIteratePath } = usePath({
     id,
     path: pathProp,
@@ -196,6 +197,10 @@ export default function useFieldProps<Value, EmptyValue, Props>(
   const changedRef = useRef<boolean>(false)
   const hasFocusRef = useRef<boolean>(false)
 
+  // To access the dataContext.data in a useEffect without triggering a re-render
+  const dataRef = useRef(dataContext.data)
+  dataRef.current = dataContext.data
+
   const required = useMemo(() => {
     if (requiredProp) {
       return requiredProp
@@ -384,13 +389,13 @@ export default function useFieldProps<Value, EmptyValue, Props>(
           }
         }
 
-        const messagehasValues = Object.entries(
+        const messageHasValues = Object.entries(
           error.messageValues ?? {}
         ).reduce((message, [key, value]) => {
           return message.replace(`{${key}}`, value)
         }, message)
 
-        error.message = messagehasValues
+        error.message = messageHasValues
 
         return error
       }
@@ -1146,17 +1151,17 @@ export default function useFieldProps<Value, EmptyValue, Props>(
   ])
 
   useEffect(() => {
-    if (hasPath) {
+    if (hasPath || hasItemPath) {
       let value = valueProp
 
       // First, look for existing data in the context
       const hasValue =
-        pointer.has(dataContext.data, identifier) || identifier === '/'
+        pointer.has(dataRef.current, identifier) || identifier === '/'
       const existingValue =
         identifier === '/'
-          ? dataContext.data
+          ? dataRef.current
           : hasValue
-          ? pointer.get(dataContext.data, identifier)
+          ? pointer.get(dataRef.current, identifier)
           : undefined
 
       // If no data where found in the dataContext, look for shared data
@@ -1197,8 +1202,8 @@ export default function useFieldProps<Value, EmptyValue, Props>(
       }
     }
   }, [
-    dataContext.data,
     dataContext.id,
+    hasItemPath,
     hasPath,
     identifier,
     updateDataValueDataContext,
diff --git a/packages/dnb-eufemia/src/extensions/forms/hooks/usePath.ts b/packages/dnb-eufemia/src/extensions/forms/hooks/usePath.ts
index 9eaf8a7a450..24f1406272b 100644
--- a/packages/dnb-eufemia/src/extensions/forms/hooks/usePath.ts
+++ b/packages/dnb-eufemia/src/extensions/forms/hooks/usePath.ts
@@ -51,7 +51,7 @@ export default function usePath(props: Props = {}) {
         root = makeSectionPath('')
       }
 
-      return `${root}${iteratePath}/${iterateElementIndex}${
+      return `${root}${iteratePath || ''}/${iterateElementIndex}${
         itemPath && itemPath !== '/' ? itemPath : ''
       }`
     },