[types] v8 types

jamesgpearce · jamesgpearce · commit 951aa6d6839e · 2026-03-08T22:21:09.000+13:00
diff --git a/templates/client/src/drawing/BrushSize.tsx.hbs b/templates/client/src/drawing/BrushSize.tsx.hbs
@@ -3,7 +3,7 @@
 {{addImport "import './brushSize.css';"}}
 
 export const BrushSize = () => {
-const [size, setSize] = useValueState('brushSize', STORE_ID);
+const [size, setSize] = useValueState('brushSize', STORE_ID) as [number | undefined, (value: number) => void];
 
 const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
   setSize(parseInt(e.target.value));
@@ -12,8 +12,8 @@ const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
   return (
   <div id="brushSize">
     <label>Size:</label>
-    <input type="range" min="1" max="50" value={(size as number) ?? 5} onChange={handleChange} />
-    <span id="brushSizeValue">{size as number}</span>
+    <input type="range" min="1" max="50" value={size ?? 5} onChange={handleChange} />
+    <span id="brushSizeValue">{size}</span>
   </div>
   );
   };
diff --git a/templates/client/src/game/GameStatus.tsx.hbs b/templates/client/src/game/GameStatus.tsx.hbs
@@ -4,8 +4,8 @@
 
 export const GameStatus = () => {
 const gameStatus = useValue('gameStatus', STORE_ID);
-const currentPlayer = useValue('currentPlayer', STORE_ID);
-const winner = useValue('winner', STORE_ID);
+const currentPlayer = useValue('currentPlayer', STORE_ID) as string;
+const winner = useValue('winner', STORE_ID) as string;
 
 return (
 <div id="gameStatus">
diff --git a/templates/client/src/game/Square.tsx.hbs b/templates/client/src/game/Square.tsx.hbs
@@ -3,7 +3,7 @@
 {{addImport "import {useCell, useSetCellCallback, useValue, STORE_ID} from './Store';"}}
 
 export const Square = ({position, disabled, winning}: {position: string; disabled: boolean; winning: boolean}) => {
-const value = useCell('board', position, 'value', STORE_ID);
+const value = useCell('board', position, 'value', STORE_ID) as string;
 const currentPlayer = useValue('currentPlayer', STORE_ID);
 
 const isDisabled = disabled || !!value;
