Firestore no tiene la capacidad de actualizar un elemento existente en una matriz indexada. Solo admite dos métodos, arrayUnion() para agregar un elemento y arrayRemove() para eliminar un elemento de la matriz como se menciona en la documentación .

Como alternativa, puede leer toda la matriz del documento, realizar modificaciones en la memoria y luego actualizar el campo de matriz modificado por completo. Este es un proceso propenso a errores y tedioso. Puedes echar un vistazo a este artículo para saber más al respecto.

No estoy seguro de su caso de uso, pero parece que puede hacer que la estructura de su base de datos sea más adecuada mediante el uso de mapas (objetos anidados) en lugar de matrices. Algo como esto -

Al hacer esto, puede actualizar los objetos anidados mediante la notación de puntos, como se menciona aquí . Algunas muestras para actualizar el documento se verán así:

 async function updateData(color) { const docRef = doc(db, 'collectionId', 'documentId'); await updateDoc(docRef,{ [`colorStockList.${color}`]:300 }); }

ACTUALIZAR

Para actualizar las existencias automáticamente, puede implementar un método que se invocará cuando se realice un pedido. Dentro de ese método, puede usar el método increment() como se describe aquí . El método increment() puede aumentar o disminuir las existencias según el valor proporcionado por usted. Por ejemplo, si alguien hace un pedido de 3 camisas, puede pasar ese número al método increment() para que pueda disminuir las existencias en ese valor. Asegúrese de usar el signo -ve con el valor cuando desee disminuir las existencias.

El método debería verse así:

 async function updateData(color,value) { const docRef = doc(db, 'collectionId', 'documentId'); await updateDoc(docRef,{ [`colorStockList.${color}`]:increment(-value) }); }