Algorithm of this version seems brutally simple.

const mid Math.floor(preElem.length / 2); > <span className="bio-letter">{preElem.slice(0, mid)}</span>{preElem.slice(mid)}

I thought the original was more complex a nuanced than this.