fix: type build errors

Author: kevinjosethomas

src/components/Analysis/MoveMap.tsx

@@ -9,7 +9,9 @@ import {
   CartesianGrid,
   ResponsiveContainer,
 } from 'recharts'
+import type { Key } from 'chessground/types'
 import type { DrawShape } from 'chessground/draw'
+import { ContentType } from 'recharts/types/component/Label'
 
 interface Props {
   moveMap?: { move: string; x: number; y: number }[]
@@ -30,8 +32,8 @@ export const MoveMap: React.FC<Props> = ({
 }: Props) => {
   const onMouseEnter = (move: string) => {
     setHoverArrow({
-      orig: move.slice(0, 2) as any,
-      dest: move.slice(2, 4) as any,
+      orig: move.slice(0, 2) as Key,
+      dest: move.slice(2, 4) as Key,
       brush: 'green',
       modifiers: {
         lineWidth: 10,
@@ -136,22 +138,34 @@ export const MoveMap: React.FC<Props> = ({
                 position="top"
                 fontSize={12}
                 fill="white"
-                content={({ x, y, value, index }: any) => {
-                  return (
-                    <text
-                      x={x}
-                      y={y}
-                      key={index}
-                      fontSize={12}
-                      textAnchor="middle"
-                      dx={x < 100 ? 24 : 0}
-                      dy={x < 100 ? 0 : y < 55 ? 24 : -5}
-                      fill={colorSanMapping[value].color || '#fff'}
-                    >
-                      {colorSanMapping[value].san}
-                    </text>
-                  )
-                }}
+                content={
+                  (({
+                    x,
+                    y,
+                    value,
+                    index,
+                  }: {
+                    x: number
+                    y: number
+                    value: string
+                    index: number
+                  }) => {
+                    return (
+                      <text
+                        x={x}
+                        y={y}
+                        key={index}
+                        fontSize={12}
+                        textAnchor="middle"
+                        dx={x < 100 ? 24 : 0}
+                        dy={x < 100 ? 0 : y < 55 ? 24 : -5}
+                        fill={colorSanMapping[value].color || '#fff'}
+                      >
+                        {colorSanMapping[value].san}
+                      </text>
+                    )
+                  }) as ContentType
+                }
               />
               {moveMap?.map((entry, index) => (
                 <Cell

src/components/Analysis/MoveRecommendations.tsx

@@ -1,4 +1,6 @@
+import type { Key } from 'chessground/types'
 import type { DrawShape } from 'chessground/draw'
+
 interface Props {
   recommendations: {
     maia?: { move: string; prob: number }[]
@@ -21,8 +23,8 @@ export const MoveRecommendations: React.FC<Props> = ({
 }: Props) => {
   const onMouseEnter = (move: string) => {
     setHoverArrow({
-      orig: move.slice(0, 2) as any,
-      dest: move.slice(2, 4) as any,
+      orig: move.slice(0, 2) as Key,
+      dest: move.slice(2, 4) as Key,
       brush: 'green',
       modifiers: {
         lineWidth: 10,

src/components/Analysis/MovesByRating.tsx

@@ -86,6 +86,7 @@ export const MovesByRating: React.FC<Props> = ({
                   }
                   return (
                     <linearGradient
+                      key={`color${move}`}
                       id={`color${move}`}
                       x1="0"
                       y1="0"
@@ -140,7 +141,10 @@ export const MovesByRating: React.FC<Props> = ({
                       const san = colorSanMapping[point.name as string].san
                       const prob = Math.round((point.value as number) * 10) / 10
                       return (
-                        <div className="flex items-center justify-between px-3">
+                        <div
+                          key={san}
+                          className="flex items-center justify-between px-3"
+                        >
                           <p
                             style={{
                               color:

src/utils/maia2/model.ts

@@ -1,17 +1,17 @@
-import * as ort from 'onnxruntime-web'
+import { InferenceSession, Tensor } from 'onnxruntime-web'
 
 import { mirrorMove, preprocess, allPossibleMovesReversed } from './utils'
 
 class Maia {
-  public model!: ort.InferenceSession
+  public model!: InferenceSession
   public ready: boolean
 
   constructor(options: { model: string }) {
     this.ready = false
     ;(async () => {
       try {
         const buffer = await this.getCachedModel(options.model)
-        this.model = await ort.InferenceSession.create(buffer)
+        this.model = await InferenceSession.create(buffer)
 
         this.ready = true
       } catch (e) {
@@ -49,13 +49,13 @@ class Maia {
       preprocess(board, eloSelf, eloOppo)
 
     // Load and run the model
-    const feeds: Record<string, ort.Tensor> = {
-      boards: new ort.Tensor('float32', boardInput, [1, 18, 8, 8]),
-      elo_self: new ort.Tensor(
+    const feeds: Record<string, Tensor> = {
+      boards: new Tensor('float32', boardInput, [1, 18, 8, 8]),
+      elo_self: new Tensor(
         'int64',
         BigInt64Array.from([BigInt(eloSelfCategory)]),
       ),
-      elo_oppo: new ort.Tensor(
+      elo_oppo: new Tensor(
         'int64',
         BigInt64Array.from([BigInt(eloOppoCategory)]),
       ),
@@ -113,19 +113,14 @@ class Maia {
       combinedBoardInputs.set(boardInputs[i], i * 18 * 8 * 8)
     }
 
-    const feeds: Record<string, ort.Tensor> = {
-      boards: new ort.Tensor('float32', combinedBoardInputs, [
-        batchSize,
-        18,
-        8,
-        8,
-      ]),
-      elo_self: new ort.Tensor(
+    const feeds: Record<string, Tensor> = {
+      boards: new Tensor('float32', combinedBoardInputs, [batchSize, 18, 8, 8]),
+      elo_self: new Tensor(
         'int64',
         BigInt64Array.from(eloSelfCategories.map(BigInt)),
         [batchSize],
       ),
-      elo_oppo: new ort.Tensor(
+      elo_oppo: new Tensor(
         'int64',
         BigInt64Array.from(eloOppoCategories.map(BigInt)),
         [batchSize],
@@ -147,11 +142,11 @@ class Maia {
         startIdx,
         endIdx,
       ) as Float32Array
-      const policyTensor = new ort.Tensor('float32', policyLogitsArray, [
+      const policyTensor = new Tensor('float32', policyLogitsArray, [
         logitsPerItem,
       ])
       const valueLogit = logits_value.data[i] as number
-      const valueTensor = new ort.Tensor('float32', [valueLogit], [1])
+      const valueTensor = new Tensor('float32', [valueLogit], [1])
 
       const { policy, value: winProb } = processOutputs(
         boards[i],
@@ -181,8 +176,8 @@ class Maia {
  */
 function processOutputs(
   fen: string,
-  logits_maia: ort.Tensor,
-  logits_value: ort.Tensor,
+  logits_maia: Tensor,
+  logits_value: Tensor,
   legalMoves: Float32Array,
 ) {
   const logits = logits_maia.data as Float32Array