T
TanStack•5mo ago
extended-yellow

set defaultViewTransition to false when search params are updating.

I'm doing a search feature, but when I trigger the navigate (with new search params so), there is always the view transition (so my input is doing opacity 0 to 1 on each key..). I tried this but doesn't work : 
defaultViewTransition: {
  types: ({ fromLocation, toLocation, pathChanged }) => {
    let direction = 'none'

    if (fromLocation && pathChanged) {
      const fromIndex = fromLocation.state.__TSR_index
      const toIndex = toLocation.state.__TSR_index

      direction = fromIndex > toIndex ? 'right' : 'left'
    }

    return [`slide-${direction}`]
  }
}
defaultViewTransition: {
  types: ({ fromLocation, toLocation, pathChanged }) => {
    let direction = 'none'

    if (fromLocation && pathChanged) {
      const fromIndex = fromLocation.state.__TSR_index
      const toIndex = toLocation.state.__TSR_index

      direction = fromIndex > toIndex ? 'right' : 'left'
    }

    return [`slide-${direction}`]
  }
}
3 Replies
extended-yellow
extended-yellowOP•5mo ago
Ok I just found viewTransition: false with the navigate function. Seems to work. But, I would like to know if it's possible to enable defaultViewTransition only when path is changing (so in global).
generous-apricot
generous-apricot•5mo ago
i dont think so, but this should be doable. we would need to allow defaultViewTransition to be a function are you interested in contributing this?
extended-yellow
extended-yellowOP•5mo ago
Yes, I can try ! Do you any tips to do that ahah ?

Did you find this page helpful?