fix(ui): resolve theme toggle icon hydration mismatch

[moshams272]

Description

This PR fixes a visual hydration mismatch bug in the ThemeToggle component, which currently causes the theme icon to get stuck on nodejs.org/learn pages (powered by doc-kit). Other pages avoid this issue because their hydration is handled by next-themes.

By adding a key={currentTheme} prop to TriggerIcon, we force React/Preact to remount the correct SVG node on theme changes, rather than incorrectly attempting to reuse the stale server-rendered SVG.

Thanks @puneetnith28 for initially proposing this fix in webpack/webpack-doc-kit/pull/270.

Validation

Can not validate it solves it or not, but can validate the issue. As when click on learn it always goes to the nodejs.org/learn.

Related Issues

None.

Check List

• I have read the Contributing Guidelines and made commit messages that follow the guideline.
• I have run pnpm format to ensure the code follows the style guide.
• I have run pnpm test to check if all tests are passing.
• I have run pnpm build to check if the website builds without errors.
• I've covered new added functionality with unit tests if necessary.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
nodejs-org	Ready	Preview	Sep 16, 2026 1:21pm UTC

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 86.04%. Comparing base (d4c2196) to head (af29941).
⚠️ Report is 2 commits behind head on main.
✅ All tests successful. No failed tests found.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #9160      +/-   ##
==========================================
- Coverage   86.15%   86.04%   -0.12%     
==========================================
  Files          86       86              
  Lines        6046     6046              
  Branches      357      358       +1     
==========================================
- Hits         5209     5202       -7     
- Misses        833      840       +7     
  Partials        4        4              

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

[github-actions]

📦 Build Size Comparison

Summary

Metric	Value
Old Total First Load JS	7.10 MB
New Total First Load JS	7.10 MB
Delta	692.00 B (+0.01%)

Changes

🔄 Modified Routes (4)

Route	Old First Load JS	New First Load JS	Delta
/[locale]	1.67 MB	1.67 MB	📈 173.00 B (+0.01%)
/[locale]/[...path]	1.67 MB	1.67 MB	📈 173.00 B (+0.01%)
/[locale]/blog/[...path]	1.67 MB	1.67 MB	📈 173.00 B (+0.01%)
/[locale]/download/archive/[version]	1.67 MB	1.67 MB	📈 173.00 B (+0.01%)