"Maximum update depth exceeded ... infinite loops" error when unstable_settings.initialRouteName and Stack.Screen set title

[ericfong]

Which package manager are you using? (Yarn is recommended)

npm

Summary

• happen when npm run web
• either comment out unstable_settings.initialRouteName or Stack.Screen(title) will work
• seems can work around by delay setOptions or <Stack.Screen options={{ title: "Blog" }} />

Minimal reproducible example

min reproducible repo
https://github.com/ericfong/expo-router-bug

• npm run web
• click 'First Blog' link
• hit 'Maximum update depth exceeded'

[marklawlor]

app/blogs/_layout.js has an invalid initialRouteName, as a route with the name index does not exist (only [id] does).

export const unstable_settings = {
-  initialRouteName: "index",
+  initialRouteName: "[id]",
};

[ericfong]

sorry, I missed blogs/index.js
I have added it back to https://github.com/ericfong/expo-router-bug/blob/main/app/blogs/index.js

still can hit 'Maximum update depth exceeded'

[EvanBacon]

I've added the external label because this seems to be a React Navigation bug, however we could possibly work around it in user-space.

[vinodsptharsha]

Do you have any updates on the issue? I also encounter the same problem after upgrading to SDK 49 and router v2.

[vinodsptharsha]

My issue was with the authentication flow. I was able to solve this issue with the help of https://dev.to/aaronksaunders/expo-router-v2-authentication-flow-with-appwrite-jee