title: Mapping radio options is not working as intended
body: <p>I am trying to map radio options to a table.</p>
  
  <pre><code>const [delayAllocation, setDelayAllocation] = React.useState('accept');
  ...
  
        &lt;TBody&gt;
            {data.map(({ code, decode, delay, delayOwner }, index: number) =&gt; (
              &lt;Tr key={index}&gt;
                &lt;Td&gt;{code}&lt;/Td&gt;
                &lt;Td&gt;{decode}&lt;/Td&gt;
                &lt;Td&gt;{addMinsPostfix(delay)}&lt;/Td&gt;
                {delayOwner &amp;&amp; delayResolver &amp;&amp; ( //these conditions will show the radio options
                  &lt;Td&gt;
                    &lt;RadioOption
                      groupId="radioDelayAllocation"
                      label="Accept"
                      onChange={() =&gt; setDelayAllocation('accept')}
                      value={delayAllocation === 'accept'}
                    /&gt;
                    &lt;RadioOption
                      groupId="radioDelayAllocation"
                      label="Reject"
                      onChange={() =&gt; setDelayAllocation('reject')}
                      value={delayAllocation === 'reject'}
                    /&gt;
                  &lt;/Td&gt;
                )}
              &lt;/Tr&gt;
            ))}
          &lt;/TBody&gt;
  </code></pre>
  
  <p>The output:<a href="https://i.stack.imgur.com/7fd13.png" rel="nofollow noreferrer">output</a></p>
  
  <pre><code>O Accept * Reject
  O Accept O Reject
  
  * = selected, O = unselected
  </code></pre>
  
  <p>I can only select one out of the four radio options at a time; they seem to be grouped together as one radio option group where in fact it's 2 groups.</p>
  
  <p>Desire output: </p>
  
  <pre><code>* Accept O Reject
  * Accept O Reject
  
  or 
  
  O Accept * Reject
  O Accept * Reject
  
  or 
  
  * Accept O Reject
  O Accept * Reject
  
  * = selected, O = unselected
  </code></pre>
  
  <p>The desire output would be to be able to separate the radio options and retrieve that state for that radio option group. I've already tried using the props id={index} for the Td and RadioOption tags, but no luck.</p>
  
  <p>Thank you in advance. :)</p>