Conditionally rendering with ramda

conditionallyRenderingRamda.tsx

const ifNotReady = ifElse(
  either(
    propEq('status', 'init'),
    propEq('status', 'pending'),
  ),
);

render() {
  <>
    {ifNotReady(
      () => <CircularProgress size={30} thickness={3} />
      ifElse(
        ({ product }) => typeof product === 'undefined',
        () => <RedirectToError code={HttpStatus.NotFound} />,
        ({ product }) => <Product product={product} />
      ),
    )({ status, product })}
  </>
}