Код в файле такой:

import React, { Component } from 'react'

class LoginModal extends Component {

    constructor(props) {
        super(props)
        this.mobileInput = React.createRef();    // <------------CREATED REF Here
    }

   componentDidMount() {
        this.mobileInput.current.focus()        // <<<------------Getting ERROR here
   }

render() {
        return (
          <input
            type='number'
            onChange={this.handleInputChange('mobile')}
            className='form-control'
            placeholder='Enter mobile'
            name='mobile'
            ref={this.mobileInput}           // <<<------------added ref to input
         />
       )
    }

Ошибка, которую я получаю:

TypeError: невозможно прочитать свойство «фокус» null

что я пробовал:

• Я попытался использовать поддержку автофокуса, которая, похоже, не работает в моей текущей настройке проекта.
• Пытался использовать componentDidUpdate вместо componentDidMount.

* В файле больше кода. Я удалил ненужный код для ясности.