I have a question about the svelte radio component

Radio components are being made and used.However, the input tag cannot be found because the parent page onMount runs earlier than the logic in the component.

Is there any way to disable onMount on the parent page until the logic of the radio common component ends?

EX)ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡparent.pageimport { onMount } from 'svelte';import Radio from '$comp/formObject/RadioCode.svelte';onMount(()=>{        let checked = document.getElementsByName('apple')[0].checked;  // ========> error!!!!!        if(checked == true){              document.getElementById('apple_txt').disabled = true;        }})<Radio id="apple" name="apple" grpCd="fruit_CD"/><input id="apple_txt" name="apple_txt" type="text"/>ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡchild.page<script>export let id='';export let name='';export let grpCd='';export let radioList= [];async function radioData {    const param = new FormData();    param.append('grpCd', grpCd);    const response = await Api.post('Controller Url', param);       radioList= response.data;}</script>{#await radioData () then radioList}    {#each radioList as dtlCd}<label for={id}><input                        id={id + dtlCd.dtlCd}                        type="radio"                        {name}                        style="width: {width}"                        value={dtlCd.dtlCd}                        checked="checked"                    />{dtlCd.dtlNm} </label>    {/each}{/await}    

I want to control it from the outside as much as possible...