title: React - useState not setting initial value
body: <p>I'm refactoring to use Hooks and I've hit a very confusing wall</p>
  
  <p>I have a basic functional component like so:</p>
  
  <pre class="lang-js prettyprint-override"><code>export const MakeComponent = props =&gt; {
    const { path, value, info, update } = props;
  
    const [val, setVal] = useState(value);
    console.log(value, val); // abc undefined
  
   return (...)
  }
  </code></pre>
  
  <p>The log returns <code>abc undefined</code> - i.e. <code>value</code> in props is definitely defined, but the first argument returned from <code>useState(value)</code> is <code>undefined</code></p>
  
  <p>Just to test that hooks were working at all, I tried <code>useState("abc")</code> and that logs <code>abc</code> as expected.</p>
  
  <p>I have no idea what I'm doing wrong - any ideas?</p>
  
  <p>React version: <code>16.8.6</code></p>
  
  <p>EDIT here is the parent component - nothing fancy going on here as far as I can see!</p>
  
  <pre><code>&lt;MakeComponent
    path={key}
    value={item[key]}
    info={value}
    update={updateDiffs}
  /&gt;
  </code></pre>