title: Storybook 6 - how to set array of objects?
body: <p>I want to pass data props for my Badge component and I have problem with <code>array</code> method from <code>addon-knobs</code> library. Data prop is an array of objects and I am trying to pass it like this:</p>
  <pre><code>const data = [
    object('First', {color: '#fa2dac', text: 'RSS'}),
    object('Second', {color: '#fa2dac', text: 'RSS'}),
  ];
  </code></pre>
  <p>Which gives me result that I have 2 fields (first and second) but when I want to change values inside they don't update on screen.</p>
  <p>Second try:</p>
  <pre><code>const data = array('List of items', [
    object('First', {color: '#fa2dac', text: 'RSS'}),
    object('Second', {color: '#fa2dac', text: 'RSS'}),
  ]);
  </code></pre>
  <p>Which gives me same result but instead of 2 I am getting 3 fields and the third one has got value <code>[object Object]</code></p>
  <p>And third try:</p>
  <pre><code>const data = array('List of items', [
    {color: '#fa2dac', text: 'RSS'},
    {color: '#fa2dac', text: 'RSS'},
  ]);
  </code></pre>
  <p>Which gives me only filed with <code>[object Object]</code></p>
  <p>How to add knobs with array of objects and have fully working updating?</p>