JSFiddle - React, Tailwind, and code Playground

HTML

<h1>This heading shouldn't have an orphan, try giving it a resize</h1>

JavaScript

// DOM ready
$(function() {
    
    var $h1 = $('h1');
    $h1.html(unOrphan($h1.text()));
    
});

function unOrphan(str) {
  return str.replace(/ ([^ ]*)$/, '&nbsp$1'); 
}