Не удается вызвать хук useState в функции стрелки

Question

В настоящее время я пытаюсь реализовать пример с реакции, но с использованием хуков и стандартов ES6, но я не могу вызвать useState. Я продолжаю получать эти ошибки:

Строка 6:33: React Hook «useState» вызывается в функции «game», которая не является ни компонентом функции React, ни пользовательской функцией React Hook response-hooks / rules -of-hooks

Мои текущие версии:
"реагировать": "^ 16.12.0",
"реагировать-дом": "^ 16.12.0",
"response-scripts": "3.4.0"

Это мой текущий код:

import React, { useState } from "react";
import Restart from "../../Components/Restart/Restart";
import Square from "../../Components/Square/Square";

const game = () => {
  const [squares, setSquares] = useState(Array(9).fill(null));
  const [isXNext, setIsXNext] = useState(true);
  const nextSymbol = isXNext ? "X" : "O";
  const winner = calculateWinner(squares);
  ...
  return (
    <div className="container">
  );
};

Большое спасибо!

Answer 1

Вам нужно использовать заглавные буквы имени компонента. Ссылка на документы