Автоматический скобок Visual Studio Code (реагировать)

Question

Разные программы ведут себя по-разному в отношении добавления круглых скобок, даже если я не хочу их ставить, я новичок в реагировании и кодировании в двух разных местах кода Visual Studio и https://codesandbox.io, У меня есть код, где он отображается три тега (список) одного и того же кода на codesandbox не имеют сообщения об ошибке и работают без проблем, но в коде Visual Studio (я отключил все расширения) он автоматически добавляет круглые скобки, и даже если я удаляю его, он сохраняет его с круглыми скобками, как сохранить на Visual Studio код без его автоматического добавления скобок: вот код

import React, { Component } from "react";

class Counter extends Component {
  state = {
    count: 0,
    tags: ["tag1", "tag2", "tag3"]
  };

  renderTags() {
    if (this.state.tags.length === 0) return <p> There are no tags!</p>;

    return <ul>{this.state.tags.map(tag => <li key={tag}>{tag} </li>)}</ul>;
  }

  render() {
    return <div>{this.renderTags()}</div>;
  }
}
export default Counter;

Английский не мой родной язык, поэтому извините за ошибки, вот как он изменил мой код:

  renderTags() {
    if (this.state.tags.length === 0) return <p> There are no tags!</p>;

    return (
      <ul>
        {this.state.tags.map(tag => (
          <li key={tag}>{tag} </li>
        ))}
      </ul>
    );
  }