SydBal

import { argv } from 'yargs'

Object.entries(argv).forEach(([key, value]) => { global[key] = value })

SydBal

/*
  It may be wise to include this at the bottom of your body so that
  it overrides css which comes before it in the document.
*/
@media (prefers-reduced-motion) {
  * {
    animation: none !important;
    transition: none !important;
  }
}

SydBal

import React, { useState } from "react";

const TicTacToe = () => {
  const [board, setBoard] = useState(Array(9).fill(null));
  const [isPlayerXNext, setIsPlayerXNext] = useState(true);
  const [winner, setWinner] = useState(null);

  const calculateWinner = (squares) => {
    const lines = [
      [0, 1, 2],