excited-coffee

Conditional route masking based on path params

Hi, I have a use case where I would like to mask the URL from

/app/views/$viewId/feature-x

/app/views/$viewId/feature-x

/app/feature-x

/app/feature-x

when

$viewId === 'hidden'

$viewId === 'hidden'

.

I have tried using the

createRouteMask

createRouteMask

function with the

params

params

function, but it masks every route regardless of their

$viewId

$viewId

path param.

Is it this possible to do using masking, or is there perhaps another feature that covers that case?

createRouteMask({
  routeTree,
  from: `/app/views/$viewId/feature-x`,
  to: `/app/feature-x`,
  params: (prev) => {
    if(prev.viewId === 'hidden') return prev

    return false 
  }
})

createRouteMask({
  routeTree,
  from: `/app/views/$viewId/feature-x`,
  to: `/app/feature-x`,
  params: (prev) => {
    if(prev.viewId === 'hidden') return prev

    return false 
  }
})

TanStack•9mo ago

excited-coffee

Conditional route masking based on path params

Hi, I have a use case where I would like to mask the URL from

/app/views/$viewId/feature-x

/app/views/$viewId/feature-x

/app/feature-x

/app/feature-x

when

$viewId === 'hidden'

$viewId === 'hidden'

.

I have tried using the

createRouteMask

createRouteMask

function with the

params

params

function, but it masks every route regardless of their

$viewId

$viewId

path param.

Is it this possible to do using masking, or is there perhaps another feature that covers that case?

createRouteMask({
  routeTree,
  from: `/app/views/$viewId/feature-x`,
  to: `/app/feature-x`,
  params: (prev) => {
    if(prev.viewId === 'hidden') return prev

    return false 
  }
})

createRouteMask({
  routeTree,
  from: `/app/views/$viewId/feature-x`,
  to: `/app/feature-x`,
  params: (prev) => {
    if(prev.viewId === 'hidden') return prev

    return false 
  }
})

Conditional route masking based on path params

Similar Threads

Conditional route masking based on path params

Similar Threads

Similar Threads

Similar Threads