Is there a way to prevent Remix from re-rendering the current route on navigation?

[hilja]

It seems that Remix re-renders the current React component when a Link is clicked. I don't mind the re-render, it's not a perf issue, but in my case it's causing const params = useParams() to be same on the new page, which causes problems.

I think this thread on react-router repo is about the same thing.

[hilja]

I can solve my problem with:

const navigation = useNavigation()

if (navigation.state === 'loading') {
  // Do not do the thing with params
} else {
  // Do the things with params
}

[nboliver-ventureweb]

I'm also encountering this issue. It's causing some visual issues since many of the components use Framer motion, and they are re-animating prior to navigating. It seems heavy-handed to memoize every component.