Use if statement in createRoutesFromElements

Question

I use [email protected], with if inside createRoutesFromElements like this:

import {
  createBrowserRouter,
  createRoutesFromElements
} from 'react-router-dom'
import EsportsRouter from './esport'
import SportsbookRouter from './sportsbook'

const router = createBrowserRouter(
  createRoutesFromElements(
    <>
      {isEsports ? EsportsRouter : SportsbookRouter}
    </>,
  ),
)

export default router

I can only access the route '/' and got an error "route not found" when I navigate to '/games', '/game/tournament' and so on. How can I use if statement to get router on demand?