protip: you can use an IIFE (immediately invoked function expression) to put whatever conditionals or logic you want inside JSX! I use this all the time and it's much nicer for more complex blocks:

    {(() => {
      switch(state) {
        case 'loading': return <Loading />;
        case 'ready': return <Component />;
        case 'error': return <Error error={error} />;
      }
    })()}