title: In React, why useState(foo()) call foo in every rerendering
body: <p>In React I know next code call foo one time in mount</p>
  <pre><code>(...)
  function foo() {
   return {
        id: 1,
        text: 'hello',
      }
  }
  
  const App = () =&gt; {
    const [value, setter] = useState(foo);
  (...)
  </code></pre>
  <p>but if I change the foo(useState's argument) to foo() this code call foo if App is rerendering.</p>
  <p>I know the difference Between foo and foo() but I know why the difference is occur</p>