Typically for this sort of thing, we prefer early returns over checks using ternaries. It helps keep the mainreturn focused on rendering the page and makes it clearer when other states are special cases.

A good example of a page that does this right isGroupPage.tsx

While you're at it, could you turn the<Loader /> case into an early return as well?