Why is the page.tsx component called before the layout.tsx?

[mattiaz9]

Summary

I'm trying to set a cached locale value using server-only-context that is used to get the correct translations.
To my surprise the page component is called before the root layout, so the correct value is not yet applied.

Why is that?

Additional information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.2.0: Wed Nov 15 21:55:06 PST 2023; root:xnu-10002.61.3~2/RELEASE_ARM64_T6020
  Available memory (MB): 16384
  Available CPU cores: 12
Binaries:
  Node: 20.10.0
  npm: 10.2.3
  Yarn: N/A
  pnpm: 8.15.2
Relevant Packages:
  next: 14.1.1-canary.74 // Latest available version is detected (14.1.1-canary.74).
  eslint-config-next: 14.0.4
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Example

No response