title: Infinite loop when fetching data with hooks
body: <p>I am trying to use hooks, but am in an infinite loop.  The code is below.  fetchSomeData and uuid get passed in from the parent component. The data that is fetched is the same every time.  Thanks.</p>
  
  <pre><code>import React, { useState } from 'react';
  
  const MyComponent = (props) =&gt; {
    const [myList, setMyList] = useState([]);
  
    const {fetchSomeData, uuid} = props;
  
    fetchSomeData(uuid)
      .then( (response) =&gt; {
        setMyList(response.payload.data.activities);
    })
  
    const renderItem = (item)=&gt;{
      return (&lt;div&gt;{item.title}&lt;/div&gt;)
    }
  
    return (
      &lt;div&gt; My COmponent 
        &lt;div&gt;
          {myList.map (renderItem)}
        &lt;/div&gt;      
      &lt;/div&gt;      
    )
  }
  
  export default MyComponent
  </code></pre>