title: Can't pass an initial array to a useState to modify it later
body: <p>I'm pretty new in React Development. I want to pass several temperature values that come from props as initialState (via openWeather api), and then use the setTemperature to change with an onClick the values to their farenheit equivalent. </p>
  
  <p>My code looks like this, and while the initial receives the values, the hook doesn't:</p>
  
  <pre><code>    const initialState = [tempCelsius, minTemp, maxTemp];
      const [temperature, setTemperature] = useState(initialState)
  
      const celToFar = () =&gt; {
          setTemperature((parseInt(initialState) * 9) / 5 + 32);
      };
  </code></pre>
  
  <p>I tried several other ideas, including this, which returns object object:</p>
  
  <pre><code>    const initialState = [tempCelsius, minTemp, maxTemp];
      const [temperature, setTemperature] = useState(prevState =&gt; {
      return {...prevState, initialState}
  })
  
      const celToFar = () =&gt; {
          setTemperature((parseInt(initialState) * 9) / 5 + 32);
      };
  </code></pre>
  
  <p>What am I doing wrong? I'm pretty certain I don't need useEffect and should be able to do it if I pass the array correctly to the hook, since in console.log the function works when applied to individual props.</p>