keep to conventions if it is onClick just call it onClick not callback

src/TicTacToe/Root.tsx

@@ -104,7 +104,7 @@ function TicTacToe() {
           const callback = () => {
             playTurn(index);
           };
-          return <TicTacToeCell state={gridState[index]} callback={callback} />;
+          return <TicTacToeCell state={gridState[index]} onClick={callback} />;
         })}
       </div>
     </div>
@@ -113,19 +113,12 @@ function TicTacToe() {
 
 interface CellProps {
   state: number;
-  callback: () => void;
+  onClick: () => void;
-}
-
-function TicTacToeCell({ state, callback }: CellProps) {
-  function handleClick() {
-    callback();
 }
 
+function TicTacToeCell({ state, onClick }: CellProps) {
   return (
-    <div
+    <div className={`TicTacToeCell ${getStateClass(state)}`} onClick={onClick}>
-      className={`TicTacToeCell ${getStateClass(state)}`}
-      onClick={handleClick}
-    >
       <p>{getStateChar(state)}</p>
     </div>
   );