ESLint and Prettier lines formatting issue

Hi guys! My IDE (JetBrain WebStorm, macOS) consider the code snippet at the screenshot below as a wrong formatted one:

https://i.stack.imgur.com/gA8aH.png

But my teammate has JetBrains IntelliJ IDEA on Windows, and the same code is OK for the same linter!

We use the same environment for linters (.eslintrc, .prettierrc, .editorconfig, etc.). In the same time, my IDE does not refer to the rule it's trying to use, it just shows me this hint:

```

ESLint: Insert⏎·····(prettier/prettier)

```

Do you know what can it be?

The code is here (JSX, React):

```

const DBFieldInfoBlock = ({
  rowClassName,
  cellLabelClassName,
  cellValueClassName,
  id,
  value,
  currency,
}) => (
  <div className={rowClassName}>
    <span className={cellLabelClassName}>
      <InfoLabel id={id} />:
    </span>
    {value !== undefined && value !== null && (
      <span className={cellValueClassName}>
        <InfoValue value={value} id={id} currency={currency} />
      </span>
    )}
  </div>
);

```

Also, my core .gitconfig file has this line:

```

autocrlf = input

```