title: gutenburg array default cause block validation error
body: <p>I am creating a tab block for my client
  I use attribute type array
  and it completely work good in save
  but after save and refresh the page(in the admin)
  it cause the Block validation error
  to put it short it just say we save generate the default but post body is what you have saved</p>
  <p>the code is this:</p>
  <pre><code>tabs:{
          type:&quot;array&quot;,
          default:[
              {
                  id:0,
                  tabTitle:&quot;Lorem ipsum dolor sit amet0&quot;,
                  tabContent:{
                      title:&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor&quot;,
                      content:&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor&quot;,
                      iconText:[
                          {
                              text:&quot;Lorem ipsum dolor sit1&quot;,
                          },
                          {
                              text:&quot;Lorem ipsum dolor sit2&quot;,
                          },
                          {
                              text:&quot;Lorem ipsum dolor sit3&quot;,
                          },
                      ]
                  },
                  tabImage:{
                      nbeDefault: &quot;/two-column-option-2-tab-img.jpg&quot;
                  },
                  shapeColor:&quot;#00A9E0&quot;,
                  active:true
              },
              {
                  id:1,
                  tabTitle:&quot;Lorem ipsum dolor sit amet1&quot;,
                  tabContent:{
                      title:&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor&quot;,
                      content:&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor&quot;,
                  },
                  tabImage:{
                      nbeDefault: &quot;/two-column-option-2-tab-img.jpg&quot;
                  },
                  shapeColor:&quot;#00A9E0&quot;,
                  active:true
              },//this item will repeat 4 time
  },
  </code></pre>
  <p>and this is one of the set function and most of my set function are like this</p>
  <pre><code>    const setTabShapeColor=(value,id)=&gt;{
          console.log(value)
          let currentTabs=attributes.tabs;
          currentTabs[id].shapeColor=value.hex;
          setAttributes({tabs: currentTabs});
      }
  </code></pre>