How to add trace headers to requests when pre-rendering with cacheComponents - without error about using random functions in prerendering?

[rikbrown]

Summary

The library I am using to add traceparent headers, traceparent/tctx, does not work with cacheComponents on due to used require('node:crypto').randomBytes(size) before accessing either uncached data. I assume this would happen with most any library generating a random ID for this purpose. While I understand the reason behind this error - we shouldn't be relying on random data in pre-rendering - this feels like an exception? I want to send trace headers with this request used during pre-rendering, and I am aware obviously it will be pre-rendered so it won't fire again but I still want to be able to trace that original pre-render request it on my monitoring platform.

Additional information

pnpm next info
npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm.

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 25.0.0: Wed Sep 17 21:41:26 PDT 2025; root:xnu-12377.1.9~141/RELEASE_ARM64_T6041
  Available memory (MB): 131072
  Available CPU cores: 16
Binaries:
  Node: 22.18.0
  npm: 11.4.2
  Yarn: 1.22.22
  pnpm: 10.14.0
Relevant Packages:
  next: 16.0.0-canary.2 // There is a newer canary version (16.0.0-canary.3) available, please upgrade! 
  eslint-config-next: N/A
  react: 19.1.1
  react-dom: 19.1.1
  typescript: 5.9.2
Next.js Config:
  output: N/A
 ⚠ There is a newer canary version (16.0.0-canary.3) available, please upgrade! 
   Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue.
   Read more - https://nextjs.org/docs/messages/opening-an-issue

Example

No response

[icyJoseph]

Hi what's the name of the library again? I couldn't find it, as you mention it traceparent/tctx on NPM.

[rikbrown]

https://www.npmjs.com/package/tctx/v/0.2.0

It's this, sorry miswrote the name

[icyJoseph]

And you use this as they document, by calling .make() and passing that to the headers, right?

[rikbrown]

correct yeah