Зависает IDE при использовании styled-components

Когда внутри styled используется конструкция 
${p => p.justify && css` justify-content: ${p.justify}; `}

(Где justify - любой параметр), то при добавлении к компоненту пропса и нажатии после него "=" IDE намертво зависает. Причем зависают все окна, а не только активное, курсор над IDE не отображается. Помогает только выключение через Диспетчер задач. В любом случае использовать IDE невозможно, так как воспроизводится 10 из 10.

Проблема появилась после обновления с 2017.3 на 2018.1

WebStorm 2018.1.2
Build #WS-181.4668.60, built on April 23, 2018
JRE: 1.8.0_152-release-1136-b29 x86
JVM: OpenJDK Server VM by JetBrains s.r.o
Windows 8.1 6.3

 

 

import React from 'react'
import styled, {css} from 'styled-components'

const Column = styled.div`
display: flex;
flex-direction: column;
justify-content: space-between;

${p => p.justify && css`
justify-content: ${p.justify};
`}
`

class TestComponent extends React.Component {
constructor() {
super()

this.state = {
a: 1,
}
}

render() {
return (
<div>
<Column justify>
{this.state.a}
</Column>
</div>
)
}
}
0
1 comment

Please sign in to leave a comment.