[@clerk/clerk-react]: ClerkProvider component will display blank page randomly

[eryue0220]

Preliminary Checks

• I have reviewed the documentation: https://clerk.com/docs

• I have searched for existing issues: https://github.com/clerk/javascript/issues

• I have not already reached out to Clerk support via email or Discord (if you have, no need to open an issue here)

• This issue is not a question, general help request, or anything other than a bug report directly related to Clerk. Please ask questions in our Discord community: https://clerk.com/discord.

Reproduction

https://app.replay.io/recording/localhost4000--5cea1e34-130d-4d23-9332-fb04c21a699e

Publishable key

pk_test_ZW5nYWdpbmctYmVhci0zNC5jbGVyay5hY2NvdW50cy5kZXYk

Description

Steps to reproduce:

1. Login through @clerk/nextjs
2. visit web app and will display content randomly

Expected behavior:

1. display meaning content

Actual behavior:

1. Display blank page

Other Info:

1. After debugging deeply, I found this line didn't trigger, when the content displayed blank
2. Check the video from 01:00

Environment

System:
  OS: macOS 15.1
  CPU: (10) arm64 Apple M1 Max
Binaries:
  Node: 20.14.0 - ~/.nvm/versions/node/v20.14.0/bin/node
  pnpm: 9.12.2 - ~/.nvm/versions/node/v20.14.0/bin/pnpm
Browsers:
  Chrome Canary: 133.0.6858.0
npmPacakges:
  @clerk/nextjs: ^6.0.2,
  @clerk/themes: ^2.1.37,
  next(Page Router): 15.0.2

[eryue0220]

Here is the reproduction: https://github.com/eryue0220/clerk-render-bug