Remove orphans from text (source: https://twitter.com/joeflateau/status/1681426536711487490)

Deorphanize.tsx

import * as React from 'react';

const NON_BREAKING_SPACE_CHARACTER = '\u00A0';

interface Props {
  children: string;
  /**
   * If the text is shorter than this, it will not be processed.
   */
  requiredLength?: number;
  /**
   * The minimum number of words to keep on the last line.
   */
  minimumWordsInLastLine?: number;
}

/**
 * @see https://twitter.com/joeflateau/status/1681426536711487490
 */
export const Deorphanize: React.FC<Props> = ({ children, minimumWordsInLastLine = 2, requiredLength = 5 }) => {
  const words = children.split(/\s+/);

  if (words.length <= requiredLength) {
    return <>{children}</>;
  }

  const leading = words.slice(0, words.length - minimumWordsInLastLine).join(' ');
  const lastLine = words.slice(-minimumWordsInLastLine).join(NON_BREAKING_SPACE_CHARACTER);

  return (
    <>
      {leading} {lastLine}
    </>
  );
};