VS Формат кода HTML в файле JavaScript (ReactJS)

Question

Я работаю над проектом ReactJS с использованием VS Code с установленными Prettier и ESLint, а также с опцией «Автоформат при сохранении». Каждый раз, когда я сохраняю свой код, блок кодов превращается из этого:

  return ( <div style = { style }
      className = { className }>
      { children }
  </div>
  );

в следующее:

  return ( <
      div style = { style }
      className = { className } > { ' ' } { children } { ' ' } <
      /div>
  );

Я всегда получаю красный флаг ошибки, подчеркивающий тег div:JSX element 'div' has no corresponding closing tag. Однако компилятор работает плавно, без ошибок или чего-то подобного.

Это не систематическая проблема, но мне действительно не приятно видеть, как он отформатирован, а флаг ошибки продолжает мигать все время. время. Есть ли решение, чтобы обойти это?