title: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field
body: <p>My React app has two radio buttons, on
  whose click I am changing the label and length of an input field. I’m getting this error:</p>
  
  <blockquote>
    <p>Failed prop type: You provided a <code>checked</code> prop to a form field without an <code>onChange</code> handler. This will render a read-only field. If the field should be mutable use <code>defaultChecked</code>. Otherwise, set either <code>onChange</code> or <code>readOnly</code>.</p>
  </blockquote>
  
  <pre><code>&lt;Row className="pb-3"&gt;
       &lt;Col xs="1"&gt; &lt;BrInput type="radio" id="faNum" value="faNum" onChange={this.handleRadioSelect} checked={faRrLabel === 'faNum' ? true : false} /&gt; &lt;/Col&gt;
       &lt;Col xs="2"&gt; &lt;BrLabel styleClass="ml-sm-0" element='FA No.' textSize={textSize} textBold={true} /&gt;&lt;/Col&gt;
       &lt;Col xs="1"&gt; &lt;BrInput type="radio" id="rrNum" value="rrNum" onChange={this.handleRadioSelect} checked={faRrLabel === 'rrNum' ? true : false} /&gt; &lt;/Col&gt;
       &lt;Col xs="2"&gt; &lt;BrLabel styleClass="ml-sm-0" element='RR Code' textSize={textSize} textBold={true} /&gt;&lt;/Col&gt;
  &lt;/Row&gt;
  </code></pre>
  
  <p>Here is my <code>handleRadioSelect</code> function.</p>
  
  <pre><code>handleRadioSelect = (value) =&gt; {
      this.setState({ faRrLabel: value })
  }
  </code></pre>