title: radio tabIndex to navigate using tab doesn't work in react
body: <p>I have 2 radio button, I expect I can use tabIndex on reach radio input, so it can be navigate and select the value using the up/down arrow button on the keyboard, but it doesn't work with my code</p>
  
  <pre><code>&lt;div&gt;
          {[
            {
              id: '1',
              name: 'One',
              label: '1',
              value: false,
              defaultChecked: true,
            },
            {
              id: '2',
              name: 'Two',
              label: '2',
              value: true,
            },
          ].map(({ id, name, label, value, defaultChecked }) =&gt; (
            &lt;div key={id} &gt;
              &lt;Radio
                key={id}
                id={id}
                name={name}
                value={value.toString()}
                defaultChecked={defaultChecked}
                onChange={e =&gt; console.log(e)}
                tabIndex={+id}
              &gt;
                {label}
              &lt;/Radio&gt;
            &lt;/div&gt;
          ))}
        &lt;/div&gt;
  </code></pre>
  
  <p>demo
  <a href="https://stackblitz.com/edit/react-ts-xbcqdf" rel="nofollow noreferrer">https://stackblitz.com/edit/react-ts-xbcqdf</a></p>