[Bug]: Bottom Tabs initialRouteName does not match generated screen names
- Dominant language
- TypeScript
- Stars
- 8
- Forks
- 2
- Avg merge
- 13h 44m
- Merged PRs (30d)
- 1
Description
### Package
@effector/router-react-native
### What happened?
Bottom Tabs derives screen names by removing slashes from route paths. For example, the route path /home becomes the screen name home. However, initialRouteName is passed through unchanged, and the documentation uses /home.
React Navigation therefore receives an initial route name that does not exist in the generated screen list.
### Reproduction
1. Create a route with path /home.
2. Pass its RouteView to createBottomTabsNavigator.
3. Set initialRouteName: '/home'.
4. Observe that the configured initial screen name does not match the registered tab name home.
Expected: initialRouteName uses the same name that the navigator generates, or route names are preserved consistently.
Actual: the docs and configuration use /home while the generated screen is named home.
### Environment
- @effector/router-react-native: 1.0.1
- @effector/router: 1.1.1
- React: 18 or 19
- React Native: >=0.70
- React Navigation Bottom Tabs: >=6
- Node.js: 24.x
### Logs / screenshots
Not applicable; the mismatch is deterministic.
Contributor guide
Research direction
Start at createBottomTabsNavigator and inspect how route paths become registered screen names and how initialRouteName is passed through. Reproduce the /home case from the issue with a RouteView, then verify that the configured initial route matches the registered tab name and the expected initial screen opens.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100