What is this about?

Upgrade the navigation library from v5 -> v6

• Migration guide from v5 -> v6 - https://reactnavigation.org/docs/6.x/upgrading-from-5.x/
• Breaking changes - https://reactnavigation.org/docs/6.x/upgrading-from-5.x/#breaking-changes
• Deprecations - https://reactnavigation.org/docs/6.x/upgrading-from-5.x/#breaking-changes

Gotchas from @Cal-L

• Replace dangerouslyGetParent
• Update headerMode
• Fix tab bar types (draft PR changes)

Scenario

No response

Design

No response

Technical Details

• Follow migration guide to upgrade from v5 -> v6
• Pay attention to presentation mode updates. The presentation style may have changed
• Fix unit test failures
• v6 comes with stricter typing. TS failures are expected and should be resolved

Threat Modeling Framework

No response

Acceptance Criteria

• Navigation library is upgraded from v5 -> v6
• Navigation behavior is still intact

Stakeholder review needed before the work gets merged

• Engineering (needed in most cases)
• Design
• Product
• QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
• Security
• Legal
• Marketing
• Management (please specify)
• Other (please specify)

References

• Draft PR from @Cal-L - https://github.com/MetaMask/metamask-mobile/compare/chore/17626-upgrade-navigation-to-v6?expand=1