React JSX Generator Pattern

generator.jsx

import Spinner from './components/Spinner';
import Error from './components/Error';
import SomeCoolComponent from './components/SomeCoolComponent';

const SomeContainerComponent = props => {
  function *generateContent() {
    if (props.isLoading) {
      yield <Spinner />;
    } else if (props.isError) {
      yield <Error />;
    }
    yield <SomeCoolComponent />;
  }

  const content = [...generateContent()];
  
  return (
    <div className="container">
      { content }
    </div>
  );
};