Автозаполнение не работает внутри интерполяционных скобок ReactJs внутри IDE WebStorm

Question

Например, когда я хочу написать этот код:

export class AlertGroup extends  Component{
    render() {
        return(
            <div style = {{display :  'flex' , backgroundColor : '#333333'}}>
                {this.props.children}
           </div>
       )}
}

display и backgroundColor в <div style = {{display : 'flex' , backgroundColor : '#333333'}}> не заполняются автоматически