VS Code 不理解 Tsx 中的简写 React.Fragment 标签

Question

I've setup a create-react-app with TypeScript:

npx create-react-app my-app --template typescript

However, whenever I try to use a shorthand <React.Fragment> tag, like:

function App() {
return (<>
    <header>Hello World</header>
</>);
}

VS Code complains that it's an error:

Type expected. (6:13)
  4 | 
  5 | function App() {
> 6 |     return <><header>Hello World</header></>;
    |             ^
  7 | }
  8 | 
  9 | export default App;

It is of course understood & rendered just fine by React itself. Why is VS Code indicating this as an error, & how might I be able to fix it?

Answer 1

This is not default behavior of VS Code. It is likely caused by an extension.