title: Passing array of React components to useState returns empty array
body: <p>Very simple code here. I'm wondering if this is the expected outcome. I'm upgrading an <code>npm</code> module and it requires I pass these items to <code>useState</code> which was not previously necessary. Unfortunately, I guess this can't be done with <code>useState</code>? Am I right? I'd love to be wrong.</p>
  
  <hr>
  
  <p>Where <code>props.items</code> contains an array of class-based React components, <code>useState</code> returns an empty array:</p>
  
  <pre class="lang-js prettyprint-override"><code>const [items, set] = useState(props.items);
  </code></pre>
  
  <h1>Input:</h1>
  
  <p><a href="https://i.stack.imgur.com/LLL0z.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LLL0z.png" alt="enter image description here"></a></p>
  
  <h1>Output:</h1>
  
  <p><a href="https://i.stack.imgur.com/mQHvu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mQHvu.png" alt="enter image description here"></a></p>
  
  <p>*Note, images use prop spreading inside of array because I'm out of ideas besides, rework all the things.</p>