title: How can i specific expanded data row in react-table?
body: <p>From this document example.</p>
  
  <blockquote>
    <p><a href="https://react-table.js.org/#/story/custom-expander-position" rel="nofollow noreferrer">https://react-table.js.org/#/story/custom-expander-position</a></p>
  </blockquote>
  
  <p>Result from document example : </p>
  
  <blockquote>
    <ol>
    <li>when i click row0 data that expanded under row0 will show <code>Hello</code></li>
    <li>when i click row1 data that expanded under row1 will show <code>Hello</code></li>
    </ol>
  </blockquote>
  
  <p>about props  <code>SubComponent</code>  in <code>ReactTable</code>. when a row is expanded that will show same data every row but I want to show data that specific by rows</p>
  
  <p>Result that I want to do : </p>
  
  <blockquote>
    <ol>
    <li>when i click row0 data that expanded under row0 will show <code>Hello 0</code></li>
    <li>when i click row1 data that expanded under row1 will show <code>Hello 1</code></li>
    </ol>
  </blockquote>
  
  <p>How can I do this with <code>react-table</code> ?</p>