title: useState not setting initial state?
body: <p>I have a <code>SettingsDialog</code> component that has the initial settings passed in as props. I'm then using <code>useState</code> to set the current form values initially to the passed in settings:</p>
  
  <pre><code>export default function SettingsDialog({ settings }) {
    const [values, setValues] = useState(settings);
  }
  </code></pre>
  
  <p>However, this doesn't seem to be working. The <code>values</code> state object is always an empty object. If I add two <code>console.log</code> statements:</p>
  
  <pre><code>export default function SettingsDialog({ settings }) {
    const [values, setValues] = useState(settings);
  
    console.log('settings:', settings);
    console.log('values:', values);
  }
  </code></pre>
  
  <p>the first logs out the settings object being passed in, but the second logs out an empty object.</p>
  
  <p>Am I not understanding how the <code>useState</code> hook is supposed to work, or am I just doing something wrong?</p>