Para mí, esto parece similar al componente Add <abbr> tags to words in posts. Noté que este componente no usa la etiqueta HTML <abbr>, como <abbr title="Texto mostrado al pasar el ratón por encima">Hover me</abbr> (<abbr title="Texto mostrado al pasar el ratón por encima">Hover me</abbr>), lo que despertó mi curiosidad sobre la elección del diseño.
Según entiendo, una ventaja de usar <abbr> es que la información permanece disponible incluso si el componente se elimina más tarde. Creo que con el enfoque actual, el <span> se volvería invisible en ese caso. Me encantaría entender qué ventajas tiene este enfoque y espero aprender algo nuevo.