это же useState - он один аргумент ждет - смысл в том, что оно один раз срабатывает и все

если без интервала запускать подряд 5 раз - срабюотает

не могу понять почему внутри сет интервала показывает один раз изменение потом одинаковый результат

может весь код покажете?

const [isRunning, setRunning] = useState(false);

const gameRunning = useRef<any>(null);

 const startGame = () => {

   let gridClone: number[][] = JSON.parse(JSON.stringify(grid));

   for (let i = 0; i < rowsNum; i++) {
     for (let j = 0; j < columnsNum; j++) {
       let neighbors = 0;
       acts.forEach(([x, y]) => {
         const newI = i + x;
         const newJ = j + y;
         if (newI >= 0 && newI < rowsNum && newJ >= 0 && newJ < columnsNum) {
           neighbors += grid[newI][newJ];
         }
       });
       if (neighbors < 2 || neighbors > 3) {
         gridClone[i][j] = 0;
       } else if (grid[i][j] === 0 && neighbors === 3) {
         gridClone[i][j] = 1;
       }
     }
   }

   setGrid(gridClone);
 };

грид - это стэйт

я его обновляю в методе сет грид

const onStartClick = () => {
   if (!isRunning) {
     startGame()
     gameRunning.current = setInterval(startGame, 1000)
   } else {
     clearInterval(gameRunning.current)
   }
   setRunning(!isRunning)
 };

Потому что grid всегда ссылается на одно и то же значение через замыкание. Нарушил правило useEffect про зависимости

это же useState

так как тогда его решить?

Это замыкание

окей и как исправить?)

А, у тебя нет useEffect. Но один хер замыкание

там же ref current

У тебя в рефе лежит id интервала, а проблема с grid. При чем тут реф?

const [isRunning, setRunning] = useState(false);

 const gameRunning = useRef<any>(null);

 const startGame = () => {

   let gridClone: number[][] = JSON.parse(JSON.stringify(grid));

   for (let i = 0; i < rowsNum; i++) {
     for (let j = 0; j < columnsNum; j++) {
       let neighbors: number = 0;
       acts.forEach(([x, y]) => {
         const newI: number = i + x;
         const newJ: number = j + y;
         if (newI >= 0 && newI < rowsNum && newJ >= 0 && newJ < columnsNum) {
           neighbors += grid[newI][newJ];
         }
       });
       if (neighbors < 2 || neighbors > 3) {
         gridClone[i][j] = 0;
       } else if (grid[i][j] === 0 && neighbors === 3) {
         gridClone[i][j] = 1;
       }
     }
   }

   setGrid(gridClone);
 };