refactor: remove TypeScript error suppression for canvas dimensions in multiple components

Author: blazejkustra

src/components/CalicoSwirl/index.tsx

@@ -67,9 +67,7 @@ export default function CalicoSwirl({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/Campfire/index.tsx

@@ -87,9 +87,7 @@ export default function Campfire({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/Desert/index.tsx

@@ -90,9 +90,7 @@ export default function Desert({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/Iridescence/index.tsx

@@ -59,9 +59,7 @@ export default function Iridescence({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/LinearGradient/index.tsx

@@ -71,9 +71,7 @@ export default function LinearGradient({
     const startColorRGBA = colorToVec4(animatedStartColor.get());
     const endColorRGBA = colorToVec4(animatedEndColor.get());
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/LiquidChrome/index.tsx

@@ -89,9 +89,7 @@ export default function LiquidChrome({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;
 

src/components/Silk/index.tsx

@@ -87,9 +87,7 @@ export default function Silk({
       usage: GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST,
     });
 
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const width = context.canvas.width ?? 1;
-    // @ts-expect-error - canvas is a HTMLCanvasElement
     const height = context.canvas.height ?? 1;
     const aspect = width / height;