@@ -63,7 +63,7 @@ const VisualBuilderComponent: FC<VisualBuilderProps> = ({ key, version }) => {
6363refetch ( ) ;
6464} )
6565} , [ ] ) ;
66-
66+
6767const experiences = data ?. _Experience ?. items ;
6868if ( ! experiences ) {
6969return null ;
@@ -79,19 +79,15 @@ const VisualBuilderComponent: FC<VisualBuilderProps> = ({ key, version }) => {
7979< div className = "relative w-full flex-1 vb:outline" >
8080< div className = "relative w-full flex-1 vb:outline" >
8181{ experience ?. composition ?. grids ?. map ( ( grid :any ) =>
82- < div className = "relative w-full flex flex-col flex-nowrap justify-start vb:grid"
83- data-epi-block-id = { grid ? .key } >
82+ < div key = { grid . key } className = "relative w-full flex flex-col flex-nowrap justify-start vb:grid"
83+ data-epi-block-id = { grid . key } >
8484{ grid . rows ?. map ( ( row :any ) =>
85- < div
86- className = "flex-1 flex flex-row flex-nowrap justify-start vb:row" >
85+ < div key = { row . key } className = "flex-1 flex flex-row flex-nowrap justify-start vb:row" >
8786{ row . columns ?. map ( ( column :any ) => (
88- < div
89- className = "flex-1 flex flex-col flex-nowrap justify-start vb:col" >
87+ < div className = "flex-1 flex flex-col flex-nowrap justify-start vb:col" key = { column . key } >
9088{ column . elements ?. map ( ( element :any ) =>
91- < div
92- data-epi-block-id = { element ?. key } >
93- < CompositionNodeComponent
94- compositionElementNode = { element } />
89+ < div data-epi-block-id = { element ?. key } key = { element ?. key } >
90+ < CompositionNodeComponent compositionElementNode = { element } />
9591</ div >
9692) }
9793</ div >