React 的 TicTacToe 教程中的 JSX 语法问题

Question

在我的本地开发环境中尝试 React 的 TicTacToe 教程 (https://react.dev/learn/tutorial-tic-tac-toe) 时，我在从教程规范中复制粘贴以下内容后遇到了这个 .

export default function Square() {
  return (
    <>
      <div className="board-row">
        <button className="square">1</button>
        <button className="square">2</button>
        <button className="square">3</button>
      </div>
      <div className="board-row">
        <button className="square">4</button>
        <button className="square">5</button>
        <button className="square">6</button>
      </div>
      <div className="board-row">
        <button className="square">7</button>
        <button className="square">8</button>
        <button className="square">9</button>
      </div>
    </>
  );
}

我原以为可以进入教程的下一步，因为它需要 0 脑力来复制粘贴代码。我对 HTML、CSS 或 JSX 语法没有真正的经验，所以我不知道这个问题可能是什么。我知道这些是重要的先决条件，但我打算边学边学。

如果您知道可能导致此错误的原因，我将不胜感激！