Estoy tratando de trabajar en un sistema de detección de mascarillas. He entrenado las Imágenes y tengo mi modelo. También convertí el modelo generado al archivo json de TensorflowJS.

Tengo un problema al implementar el modelo tfjs a través de una aplicación REACT. Tengo mi modelo siendo cargado con éxito. Como tengo console.log , pero tengo algunos problemas para dibujar los cuadros delimitadores rectangulares para la clase detectada. El navegador arroja un error TypeError: Cannot read properties of undefined (reading 'color') .

Aquí está mi archivo utilities.js que arroja el error.

 // Define our labelmap const labelMap = [ {id: 1, name:'with mask', color:'red'}, {id: 2, name:'no mask', color:'yellow'}, {id: 3, name:'incorrect', color:'lime'}, ] // Define a drawing function export const drawRect = (boxes, classes, scores, threshold, imgWidth, imgHeight, ctx)=>{ for(let i=0; i<=boxes.length; i++){ if(boxes[i] && classes[i] && scores[i]>threshold){ // Extract variables const [y,x,height,width] = boxes[i] const text = classes[i] // Set styling ctx.strokeStyle = labelMap[text]["color"] ctx.lineWidth = 10 ctx.fillStyle = 'white' ctx.font = '30px Arial' // DRAW!! ctx.beginPath() ctx.fillText(labelMap[text]['name'] + ' - ' + Math.round(scores[i]*100)/100, x*imgWidth, y*imgHeight-10) ctx.rect(x*imgWidth, y*imgHeight, width*imgWidth/2, height*imgHeight/2); ctx.stroke() } } }

Sé que este error tiene que ver con la forma en que se hace referencia a la variable de color labelMap. Está arrojando el error probablemente porque no estoy haciendo referencia bien a la variable de color. También si se corrige este error. También tendré otro error en labelMap[text]['name'] porque la referencia se hace de la misma manera.

Gracias por adelantado.