Фокусировка значка SVG при загрузке страницы с помощью реагировать

Question

Я пытаюсь сфокусироваться на значке svg (внутри модального окна) при загрузке страницы, используя ref в реакции. Я пробовал ref внутри componentDidMount, но не могу сфокусировать его. Я получаю this.modalCloseRef.фокус () не является функцией.

this.modalCloseRef = React.createRef();

componentDidMount(){
        this.modalCloseRef.focus();
    }


<svg tabIndex={1} focusable="true" className="close pe-icon--remove-lg-18"
                                        aria-hidden="true" ref={this.modalCloseRef}>
                                        <use xlinkHref="#remove-lg-18"></use>
                                    </svg>