Join array of React nodes with a separator

react-render-join.ts

function renderJoin(nodes: ReactNode[], separator: ReactNode): ReactNode {
    return nodes.flatMap((node, idx) =>
        idx < nodes.length - 1 ? [node, separator] : [node]
    ).map((node, idx) => <React.Fragment key={idx}>{node}</React.Fragment>);
}
          
// Usage
          
const myComponent: React.FC = props => { 
  return <div>{renderJoin([<p>item1</p>, <p>item2</p>], <br />)}</div>;
}