Für mich sieht das ähnlich aus wie die Komponente unter Add <abbr> tags to words in posts. Mir ist aufgefallen, dass diese Komponente nicht das HTML-Tag <abbr> verwendet, wie <abbr title="Text shown on hover">Hover me</abbr> (<abbr title="Text shown on hover">Hover me</abbr>), was mich neugierig auf die Designentscheidung gemacht hat.
Soweit ich weiß, ist ein Vorteil der Verwendung von <abbr>, dass die Informationen erhalten bleiben, selbst wenn die Komponente später entfernt wird. Ich denke, beim aktuellen Ansatz würde der Span in diesem Fall unsichtbar werden. Ich würde gerne verstehen, welche Vorteile dieser Ansatz hat, und hoffe, etwas Neues zu lernen.