Conditional rendering under single route - TanStack

TanStack•17mo ago•

3 replies

endless-jade

Conditional rendering under single route

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 />
  },
})

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?