clientLoader behaviour change since v2.12.0

[wong2]

Reproduction

I have a route using client loader like this:

export const loader = async ({ params }: LoaderFunctionArgs) => {
  const botInfo = BUILTIN_CHATBOTS[params.botId]
  return {
    title: botInfo.name,
  }
}

export const clientLoader = ({ params }: ClientLoaderFunctionArgs) => {
  const botInfo = BUILTIN_CHATBOTS[params.botId]
  return {
    title: botInfo.name,
  }
}

In v2.11.2 everything works as expected, when user navigate on the client, the page renders instantly using data from clientLoader without any HTTP request or delay.

But since updating Remix to v2.12.0, navigating on the client lags due to waiting for an HTTP request to the remote loader.

System Info

Vite: v5.4.9
Remix packages: v2.13.1

Used Package Manager

pnpm

Expected Behavior

Instant client side navigation without HTTP request.

Actual Behavior

Navigating on the client lags due to waiting for an HTTP request to the remote loader.

[brophdawg11]

Could you provide a reproduction? This works as expected for me in https://stackblitz.com/edit/remix-run-remix-wh2dyw?file=app%2Froutes%2Fpage.tsx

[wong2]

@brophdawg11 You can experience it at https://app.chathub.gg by clicking items on the sidebar.

[wong2]

More information:

The route hierarchy looks like this:
root -> _chat -> _chat.chat.$botId each route has its own loader definition, and only _chat.chat.$botId has clientLoader definition.

I think it could be related with https://remix.run/docs/en/main/guides/single-fetch#normal-navigation-behavior

[brophdawg11]

Could you please boil the issue down to a minimal reproduction via https://remix.new?