replace() from formSheet presentation doesn't visually present the replacement screen

[marcospgp]

Description

Calling router.replace() (or StackActions.replace()) from a screen with presentation: "formSheet" updates the navigation state but the replacement screen never visually presents. The replaced route sits dormant in the state and ghosts into view when another modal/sheet is subsequently opened.

replace() from presentation: "modal" works correctly — only formSheet is affected.

Reproduction

Root stack with two formSheet screens:

<Stack.Screen name="sheet-a" options={{ presentation: "formSheet", sheetAllowedDetents: "fitToContents" }} />
<Stack.Screen name="sheet-b" options={{ presentation: "formSheet", sheetAllowedDetents: "fitToContents" }} />

From sheet-a:

router.replace("/sheet-b"); // sheet-a disappears, sheet-b never appears

What happens

1. sheet-a dismisses visually
2. sheet-b never presents
3. Navigation state shows sheet-b as the active route
4. Opening any other modal/sheet later causes sheet-b to surface

Expected

sheet-b should present with formSheet appearance, replacing sheet-a.

Additional observations

• navigate() from formSheet → formSheet does present the second sheet on top, but dismissAll() doesn't properly dismiss the full stack (only topmost sheet is dismissed).
• Workaround: dismiss() + setTimeout(() => navigate("/sheet-b"), 50) works. Synchronous dismiss() + navigate() does not — the navigate is swallowed.

Environment

• react-native-screens: 4.22.0
• react-native: 0.83.1
• expo-router: 55.0.0-preview.5
• iOS simulator
• New Architecture: enabled

Also filed as expo/expo#42836

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Steps to reproduce, Snack or a link to a repository, Screens version, React Native version and Platforms sections.

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[marcospgp]

Update: Found a working workaround that doesn't require arbitrary timeouts.

dismiss() + requestAnimationFrame(() => navigate(target)) works correctly from a formSheet. The requestAnimationFrame gives the dismiss one paint frame to register before the navigate fires.

Additional findings:

• dismissTo() has the same ghost behavior as replace() — route swaps in state but screen never presents from a formSheet
• dismiss() + InteractionManager.runAfterInteractions(() => navigate()) does not work — navigate is swallowed
• navigate() without dismiss stacks sheets, but dismissAll() doesn't properly dismiss the full formSheet stack (only topmost sheet is dismissed)