Skip to content

fix(mobile): repair Clerk auth navigation headers - #5140

Open
gabrielelpidio wants to merge 1 commit into
mainfrom
t3code/fix-clerk-navigation-headers
Open

fix(mobile): repair Clerk auth navigation headers#5140
gabrielelpidio wants to merge 1 commit into
mainfrom
t3code/fix-clerk-navigation-headers

Conversation

@gabrielelpidio

@gabrielelpidio gabrielelpidio commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

What Changed

  • Hide the native stack header while rendering Clerk’s authentication and user profile views.
  • Pass a host back handler to Clerk so its navigation controls return to the previous mobile screen.
  • Update Clerk Expo, React, shared, and Clerk JS dependencies to the versions supporting this integration.

Why

Clerk’s auth screens were displaying conflicting or incorrect navigation headers inside the mobile settings flow. Delegating back navigation to the host stack and hiding the duplicate native header keeps the auth experience consistent with the surrounding app.

UI Changes

The mobile authentication and account screens now use Clerk’s navigation UI with the host screen’s back action. No screenshots are included.

Checklist

  • This PR is small and focused
  • I explained what changed and why
  • I included before/after screenshots for any UI changes
  • I included a video for animation/interaction changes

Open in Devin Review

Note

Low Risk
UI and navigation wiring in settings auth only; no changes to auth logic or token handling beyond dependency bumps.

Overview
Fixes double or broken headers on mobile settings sign-in and account screens by hiding the React Navigation stack header and letting Clerk own the chrome.

SettingsAuthRouteScreen now sets headerShown: false instead of a dynamic "Account" / "Sign in" title, and passes onHostBack (wired to navigation.goBack()) into AuthView and UserProfileView so Clerk’s back control pops the host stack instead of fighting the native header.

Clerk is bumped (@clerk/expo 4.2.0, @clerk/react, @clerk/shared, @clerk/clerk-js) to versions that support onHostBack.

Reviewed by Cursor Bugbot for commit 52fd4ad. Bugbot is set up for automated code reviews on this repo. Configure here.

Note

Fix Clerk auth navigation headers in mobile settings screen

  • Hides the native stack header in ConfiguredSettingsAuthRouteScreen and wires onHostBack on both UserProfileView and AuthView to call navigation.goBack() via a memoized callback.
  • Bumps @clerk/expo, @clerk/clerk-js, @clerk/react, and @clerk/shared to their latest patch versions in the workspace catalog.

Macroscope summarized 52fd4ad.

- Hide Clerk's nested header and route host back actions to navigation
- Upgrade Clerk Expo and related packages for the navigation fix
@coderabbitai

coderabbitai Bot commented Jul 31, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 52a63dba-6a48-4b93-8969-2aa6f768fa0d

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

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.

@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:M 30-99 changed lines (additions + deletions). labels Jul 31, 2026
@macroscopeapp

macroscopeapp Bot commented Jul 31, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved 52fd4ad

This PR fixes navigation header display on the mobile auth settings screen by hiding the duplicate native header and delegating back navigation to Clerk's built-in components. The changes are straightforward UI adjustments with limited scope, plus minor Clerk dependency patches.

You can customize Macroscope's approvability policy. Learn more.

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

Labels

size:M 30-99 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant