Conditional rendering under single route | TanStack | Page 1

Hey,

Assume I want to have 2+ conditional "screens" rendered per route, is there a more concise way of doing it?
My naive solution is something like

export const Route = createLazyFileRoute('/')({
  component: () => {
    const someCondition = false
    return someCondition ? <Index /> : <IndexAlt />
  },
})

Could I use something like route masking for this? What are the alternatives?

#Conditional rendering under single route