fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974

Merged
brendan-kellam merged 2 commits into
mainfrom
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged

fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom
brendan/fix-router-refresh-next16

Conversation

@brendan-kellam

@brendan-kellambrendan-kellam commented Mar 2, 2026•
edited by coderabbitai Bot
Loading

Copy link
Copy Markdown
Contributor

Summary

  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions

Test plan

  • Create a new chat thread and verify navigation to the chat page succeeds
  • Delete a chat and verify navigation back to /chat succeeds
  • Rename a chat in the side panel and verify no navigation issues
  • Invite a member and verify redirect to ?tab=invites works correctly

🤖 Generated with Claude Code

Summary by CodeRabbit

  • Bug Fixes

    • Fixed page navigation issues following the Next.js 16 upgrade.

  • Documentation

    • Added guidance on Next.js router navigation best practices for developers.

@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai

coderabbitaiBot commented Mar 2, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.

📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx

Walkthrough

Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.

Changes

Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Possibly related PRs

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
  • 📝 Generate docstrings (stacked PR)
  • 📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch brendan/fix-router-refresh-next16

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam merged commit 65cceec into mainMar 2, 2026
8 checks passed
@brendan-kellam
brendan-kellam deleted the brendan/fix-router-refresh-next16 branch March 2, 2026 20:22
@github-actionsgithub-actionsBot mentioned this pull request Mar 2, 2026
Open
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation - #974
Merged
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Mar 2, 2026
Merged
fix(web): remove router.refresh() after router.push() to fix Next.js 16 navigation#974
brendan-kellam merged 2 commits into
mainfrom 
brendan/fix-router-refresh-next16
Conversation
@brendan-kellam
@brendan-kellambrendan-kellam
commented
Mar 2, 2026•

edited by coderabbitai
Bot
Loading

Copy link


Copy Markdown

Contributor
Summary
  • In Next.js 16, the prefetch cache and navigation system was completely rewritten, causing router.refresh() called immediately after router.push() to race and interrupt the in-flight navigation — leaving the page stuck or not loading
  • Removed the redundant router.refresh() calls from useCreateNewChatThread.ts, chatName.tsx, chatSidePanel.tsx, and inviteMemberCard.tsx
  • Documents this pattern in CLAUDE.md to prevent future regressions
Test plan
  •  Create a new chat thread and verify navigation to the chat page succeeds
  •  Delete a chat and verify navigation back to /chat succeeds
  •  Rename a chat in the side panel and verify no navigation issues
  •  Invite a member and verify redirect to ?tab=invites works correctly
🤖 Generated with Claude Code
Summary by CodeRabbit
  • Bug Fixes
    • Fixed page navigation issues following the Next.js 16 upgrade.
  • Documentation
    • Added guidance on Next.js router navigation best practices for developers.
@brendan-kellam@claude
fix(web): remove router.refresh() after router.push() to fix Next.js …
5fa626a
…16 navigation
In Next.js 16, the prefetch cache and navigation system was completely
rewritten. Calling router.refresh() immediately after router.push() creates
a race condition where the cache invalidation interrupts the in-flight
navigation, causing the page to not load.
Removed the router.refresh() calls from:
- useCreateNewChatThread.ts
- chatName.tsx
- chatSidePanel.tsx
- inviteMemberCard.tsx
Also documents this pattern in CLAUDE.md to prevent future regressions.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions

This comment has been minimized.

Sign in to view
@coderabbitai
coderabbitaiBot
commented
Mar 2, 2026•

edited

Loading

Copy link


Copy Markdown

Contributor
No actionable comments were generated in the recent review. 🎉
ℹ️ Recent review info
Configuration used: Organization UI
Review profile: CHILL
Plan: Pro
📥 Commits
Reviewing files that changed from the base of the PR and between 4004933 and 9b21103.
📒 Files selected for processing (6)
  • CHANGELOG.md
  • CLAUDE.md
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/features/chat/useCreateNewChatThread.ts
💤 Files with no reviewable changes (4)
  • packages/web/src/features/chat/useCreateNewChatThread.ts
  • packages/web/src/app/[domain]/chat/components/chatName.tsx
  • packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx
  • packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx
Walkthrough
Removes router.refresh() calls immediately after router.push() operations across multiple files to fix navigation behavior after Next.js 16 upgrade. Adds documentation and changelog entry detailing the race condition issue and providing usage guidance.
Changes
Cohort / File(s)Summary
Documentation
CHANGELOG.md, CLAUDE.md		Added entries documenting the fix for router.refresh() calls after router.push() in Next.js 16, including usage examples and guidance on alternative approaches.
Chat Features
packages/web/src/app/[domain]/chat/components/chatName.tsx, packages/web/src/app/[domain]/chat/components/chatSidePanel.tsx, packages/web/src/features/chat/useCreateNewChatThread.ts		Removed router.refresh() calls after successful chat operations and navigation, eliminating forced route refreshes.
Settings Features
packages/web/src/app/[domain]/settings/members/components/inviteMemberCard.tsx		Removed router.refresh() call after successful invite submission.
Estimated code review effort
🎯 2 (Simple) | ⏱️ ~12 minutes
Possibly related PRs
🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check nameStatusExplanation
Description Check✅ PassedCheck skipped - CodeRabbit’s high-level summary is enabled.
Title check✅ PassedThe title clearly and specifically describes the main change: removing router.refresh() calls after router.push() to fix a Next.js 16 navigation issue, which aligns with all the code changes across four files.
Docstring Coverage✅ PassedNo functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✏️ Tip: You can configure your own custom pre-merge checks in the settings.
✨ Finishing Touches
  •  📝 Generate docstrings (stacked PR)
  •  📝 Generate docstrings (commit on current branch)
🧪 Generate unit tests (beta)
  •  Create PR with unit tests
  •  Post copyable unit tests in a comment
  •  Commit unit tests in branch brendan/fix-router-refresh-next16
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.
❤️ Share
Comment @coderabbitai help to get the list of available commands and usage tips.
@brendan-kellam@claude
chore: update CHANGELOG for#974
9b21103
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@brendan-kellam
brendan-kellam
merged commit 65cceec
into
mainMar 2, 2026

8 checks passed

@brendan-kellam
brendan-kellam
deleted the

brendan/fix-router-refresh-next16

branch
March 2, 2026 20:22
@github-actionsgithub-actionsBot
mentioned this pull request
Mar 2, 2026

Open

Sign up for freeto join this conversation on GitHub.
Already have an account?
Sign in to comment

Reviewers


No reviews


Assignees


No one assigned


Labels


None yet


Projects


None yet


Milestone


No milestone


Development

Successfully merging this pull request may close these issues.

1 participant

@brendan-kellam