chore: explicitly narrow the ctx type

GZTimeWalker · Jan 19, 2025 · 22951ad · 22951ad
1 parent 0ae3ff7
commit 22951ad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/GZCTF/ClientApp/src/hooks/useForeground.ts b/src/GZCTF/ClientApp/src/hooks/useForeground.ts
@@ -1,6 +1,8 @@
 import { FastAverageColor } from 'fast-average-color'
 import { useState, useEffect } from 'react'
 
+type RenderingCtx = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D
+
 export const useForeground = (image?: string | null) => {
   const [color, setColor] = useState<string>('var(--mantine-color-text)')
 
@@ -23,7 +25,7 @@ export const useForeground = (image?: string | null) => {
           ? new OffscreenCanvas(imgWidth, imgHeight)
           : document.createElement('canvas')
 
-      const ctx = canvas.getContext('2d')
+      const ctx = canvas.getContext('2d') as RenderingCtx | null
       if (!ctx) return
 
       ctx.drawImage(img, 0, img.height - imgHeight, imgWidth, imgHeight, 0, 0, imgWidth, imgHeight)

diff --git a/src/GZCTF/ClientApp/tsconfig.json b/src/GZCTF/ClientApp/tsconfig.json
@@ -10,17 +10,17 @@
     "jsx": "preserve",
     "lib": ["dom", "dom.iterable", "esnext"],
     "module": "esnext",
-    "moduleResolution": "Node",
+    "moduleResolution": "node",
     "noEmit": true,
     "paths": {
       "@Api": ["src/Api.ts"],
       "@App": ["src/App"],
       "@Components/*": ["src/components/*"],
+      "@Hooks/*": ["src/hooks/*"],
       "@Pages/*": ["src/pages/*"],
       "@Resources/*": ["src/resources/*"],
       "@Styles/*": ["src/styles/components/*", "src/styles/shared/*", "src/styles/pages/*"],
-      "@Utils/*": ["src/utils/*"],
-      "@Hooks/*": ["src/hooks/*"],
+      "@Utils/*": ["src/utils/*"]
     },
     "resolveJsonModule": true,
     "skipLibCheck": true,