<p dir="auto">React version: 16.14.0, 18.2.0</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Create group of <code class="notranslate">radio</code> input element in a controlled way using the <code class="notranslate">checked</code> prop</li>
<li>Click on an unselected element</li>
<li>The clicked/selected element is now selected for the user</li>
<li>The <code class="notranslate">checked</code> prop is still on the original <code class="notranslate">radio</code> input element</li>
</ol>

<p dir="auto">Link to code example:<br>
<a href="https://codesandbox.io/s/funny-rui-tphkuc?file=/src/App.js:188-191" rel="nofollow">https://codesandbox.io/s/funny-rui-tphkuc?file=/src/App.js:188-191</a></p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">For a group of <code class="notranslate">type="radio"</code>, the <code class="notranslate">checked</code> prop stays on the initially selected radio button<br>
If the selected radio button changes, the state update correctly visually but the <code class="notranslate">checked</code> isn't add as a property in the DOM of the now selected radio button (and the previous selected radio button still have the <code class="notranslate">checked</code> property)</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">For a group of <code class="notranslate">type="radio"</code>, when changing the selected radio button, the <code class="notranslate">checked</code> property should be removed from the previously selected radio button and be added to the new one</p>
<p dir="auto">React version:</p>
<h2 dir="auto">Steps To Reproduce</h2>
<ol dir="auto">
<li>Go to React's <a href="https://codepen.io/gaearon/pen/wgedvV?editors=0010" rel="nofollow">code pen example </a> you can find the link in the documentation <a href="https://reactjs.org/docs/forms.html#handling-multiple-inputs" rel="nofollow">here</a></li>
<li>Inspect " is going " checkbox element</li>
<li>uncheck the checkbox</li>
</ol>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/66086002/165171075-5b090a7b-6ee9-471a-a81b-e8834de9b4d3.png"><img width="1565" alt="Screen Shot 2022-04-25 at 4 39 52 PM" src="https://user-images.githubusercontent.com/66086002/165171075-5b090a7b-6ee9-471a-a81b-e8834de9b4d3.png" style="max-width: 100%;"></a></p>
<p dir="auto">Link to code example: <a href="https://codepen.io/gaearon/pen/wgedvV?editors=0010" rel="nofollow">https://codepen.io/gaearon/pen/wgedvV?editors=0010</a></p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">dom does not update, the checked attribute stays no matter what.<br>
same goes if the initial state is set to false, the checked attribute never appears on the input element.</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">The checked attribute should be removed if not checked.</p>