Como manejar una matriz de objetos con typescript [ESP/ENG]

Hoy traigo a la comunidad una manera sencilla utilizar los tipados cuando nos toca manejar una matriz llena de objetos cuyo clave valor puede variar de diferentes maneras y el objeto puede estar repetido dentro de la matriz muchas veces.
Cuando eres nuevo con este tipo de lenguaje de programación la cabeza se te puede hacer una telaraña por completo porque uno está acostumbrado a la facilidad de manejo que todo javascript pero no a cómo te obliga a trabajar este otro lenguaje de programación cuyo objetivo es disminuir la cantidad de errores al mínimo posible.

Today I bring to the community a simple way to use typing when we have to manage an array full of objects whose key value can vary in different ways and the object can be repeated within the array many times. When you are new to this type of programming language, your head can become a complete cobweb because you are used to the ease of use that all Javascript has, but not to how this other programming language forces you to work, the objective of which is to reduce the amount of errors to the minimum possible.

En las imágenes se puede ver como uno normalmente trabajaría si se tratase de una matriz con un solo objeto dentro cuyos valores son fijos pero a la vez se puede ver en otro ejemplo cómo se podría manejar el caso en el que el objeto dentro de la matriz se encuentre repetido y evitar tener que reiterar código a la hora de crear la interfaz.

In the images you can see how one would normally work if it were an array with a single object inside whose values ​​are fixed but at the same time you can see in another example how one could handle the case in which the object inside the array is repeated and avoid having to reiterate code when creating the interface.