error.tsx doesnt get fired in client components

[AmirShafikhani]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/friendly-poitras-mwxdvz?file=%2Fapp%2Fpage.tsx

To Reproduce

1. start the app
2. click on the "Click to fire error" button
3. the error.tsx page doesnt get fired

Current vs. Expected behavior

i expected that the error.tsx file fires when an error happens in client components but instead just an error toast showed up

Provide environment information

Operating System:
  Platform: linux
  Arch: x64
  Version: #1 SMP PREEMPT_DYNAMIC Sun Aug  6 20:05:33 UTC 2023
  Available memory (MB): 4242
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 15.2.0-canary.71 // Latest available version is detected (15.2.0-canary.71).
  eslint-config-next: N/A
  react: 19.0.0
  react-dom: 19.0.0
  typescript: 5.3.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Error Handling

Which stage(s) are affected? (Select all that apply)

next dev (local), next start (local)

Additional context

this issue exists on 15.1.7 version and also the latest version of canary