How to use the roosterjs-editor-api.setBackgroundColor function in roosterjs-editor-api

function _handleChangeForHighlight(editor: Editor): void {
    const { color } = this.data as ColorInfo;
    const selection = editor.getSelection();
    let backwards = false;
    if (!selection.isCollapsed) {
        const range = editor.getDocument().createRange();
        range.setStart(selection.anchorNode, selection.anchorOffset);
        range.setEnd(selection.focusNode, selection.focusOffset);
        backwards = range.collapsed;
    }

    setBackgroundColor(editor, color);
    if (backwards) {
        selection.collapseToStart();
    } else {
        selection.collapseToEnd();
    }
}

            onSelectColor={color => setBackgroundColor(editor, color.code)}
        />

document.getElementById('backColorButton').addEventListener('change', function() {
        let editor = getCurrentEditor();
        let select = document.getElementById('backColorButton') as HTMLSelectElement;
        let text = select.value;
        if (text) {
            setBackgroundColor(editor, text);
        }
        select.value = '';
    });
}