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);
$("[name=customRadio]").filter("[value='Agency Bill]']").attr("checked","checked");