title: React.useMemo does not update the data
body: <p>I am new to hooks. So this might be easy yet I have no idea how to solve:</p>
  
  <p>I have a function like this which takes two arrays <code>columns</code> and <code>data</code> . and those data should be memoized or else it does not work. (recommended by react-table guys)</p>
  
  <pre><code>function ReactTable(props) {
  
      const columns = React.useMemo(() =&gt; props.columns, [])
  
      const data = React.useMemo(() =&gt; props.data, [])
  
      return &lt;Table columns={columns} data={data} /&gt;
  }
  </code></pre>
  
  <p>this works fine but when the props change (say an item is added or removed from data array), the React.useMemo won't send the updated data to the Table component. How can I resolve this :(</p>