context

[hoseale]

Link to the code that reproduces this issue

https://codesandbox.io/p/devbox/confident-field-df495n?file=%2Fapp%2Fpage.tsx%3A6%2C1

To Reproduce

1. Wrap layout.tsx with a contextProvider, passing state and setState.
2. Add a client component in the page.tsx.
3. In the client component, use setState with a function as the parameter, sometimes the function may execute twice.

Current vs. Expected behavior

I hope the function inside setState executes only once

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): 4102
  Available CPU cores: 2
Binaries:
  Node: 20.9.0
  npm: 9.8.1
  Yarn: 1.22.19
  pnpm: 8.10.2
Relevant Packages:
  next: 14.2.3 // Latest available version is detected (14.2.3).
  eslint-config-next: N/A
  react: 18.3.1
  react-dom: 18.3.1
  typescript: 5.1.3
Next.js Config:
  output: N/A

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

Not sure

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

next dev (local)

Additional context

No response