Почему идентификатор не находится с помощью getElementById() или querySelector() при создании классического редактора через CKEditor 5

Question

Я хочу реализовать классический редактор из ckeditor 5, но идентификатор моего div не найден. Это код:

      ClassicEditor
    // Note that you do not have to specify the plugin and toolbar configuration — using defaults from the build.
    .create( document.getElementById("editor") as HTMLElement )
    .catch( error => {
        console.error( error.stack );
    } );

И компонент SMUI, который я использую для редактора.

      <div class="rowmargin">
    <Textfield
    style="width: 100%;"
    bind:value={$s_instruction.Text}
    label="Text"
    variant="outlined"
    id="editor">
    </Textfield>
</div>

Также попробовал сделать это, возникла та же проблема:

      <div class= "rowmargin" id="editor">  
</div>

Ожидал, что в этом div появится классический редактор.