JSFiddle - React, Tailwind, and code Playground

HTML

<div class="custom-control custom-control-inline custom-radio">
                                                                    <input type="radio" name="customRadio" class="custom-control-input" id="dirBill" value="Direct Bill" checked>
                                                                    <label class="custom-control-label" for="dirBill">Direct Bill</label>
                                                                </div>
                                                                <div class="custom-control custom-control-inline custom-radio">
                                                                    <input type="radio" name="customRadio" class="custom-control-input" value="Agency Bill" id="agencyBill">
                                                                    <label class="custom-control-label" for="agencyBill">Agency Bill</label>
                                                                </div>
                                                                
<div id="test">

</div>

JavaScript

document.getElementById("test").innerText="ss";
//$("#agencyBill").prop("checked", true);
//$radios.filter('[value=Agency Bill]').prop('checked', true);
$("#agencyBill").prop("checked", true);
$radios.filter('[value="Agency Bill"]').prop('checked', true);
$('[name="customRadio"]').filter('[value="Agency Bill]"]').attr("checked","checked");