--- title: React Navigation 4.0 | daily.dev description: React Navigation 4.0 removes the built-in navigators from the core react-navigation package, requiring developers to install navigators (stack, tabs, drawer)... canonical: https://daily.dev/posts/react-navigation-4-0-fqpassocx twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React Navigation 4.0 | daily.dev og:description: React Navigation 4.0 removes the built-in navigators from the core react-navigation package, requiring developers to install navigators (stack, tabs, drawer)... og:url: https://daily.dev/posts/react-navigation-4-0-fqpassocx og:image: https://api.daily.dev/og/posts/fQpASSOcX.png og:image:alt: React Navigation 4.0 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # React Navigation 4.0 **[React Navigation](https://daily.dev/sources/react-navigation)** · 2 min read · 0 upvotes · 0 comments ## Summary React Navigation 4.0 removes the built-in navigators from the core react-navigation package, requiring developers to install navigators (stack, tabs, drawer) from their own separate packages such as react-navigation-stack, react-navigation-tabs, and react-navigation-drawer. This decoupling lets navigators be updated independently without forcing a major version bump of the core package, and recent drawer/tab navigators already benefit from more performant react-native-reanimated-based animations. TypeScript users will need to switch to new navigator-specific type packages, since those types were removed from the main package. Upgrade instructions and replacement type references are provided in the GitHub release notes. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Why were the stack, tab, and drawer navigators removed from react-navigation in version 4.0? They were moved into separate packages (react-navigation-stack, react-navigation-tabs, react-navigation-drawer) so they can be updated independently without forcing a major version bump of the core react-navigation package. Previously bundling them meant significant navigator updates required a major release of the whole library, slowing improvements like react-native-reanimated-based gesture animations for drawer and tab navigators. _Teams upgrading react-navigation can track breaking changes like this on daily.dev before touching production code._ ### How do I fix missing navigator types after upgrading to React Navigation 4.0 with TypeScript? Navigator-specific TypeScript types were removed from the main react-navigation package in version 4.0 and moved into their respective navigator packages (react-navigation-stack, react-navigation-tabs, react-navigation-drawer). Import the replacement types from those packages instead, as detailed in the v4.0.0 GitHub release notes; open an issue on the react-navigation repo if problems persist. _Developers navigating TypeScript breakage after a major upgrade can follow related fixes on daily.dev._ ## Similar posts on daily.dev - [React Navigation 8.0 - July Progress Report](https://daily.dev/posts/react-navigation-8-0---july-progress-report-zwpb6nosh) · React Navigation · 7 upvotes · 2 comments - [React Navigation 8.0 Alpha with Native Bottom Tabs, Reworked TypeScript Inference and History](https://daily.dev/posts/react-navigation-8-0-alpha-with-native-bottom-tabs-reworked-typescript-inference-and-history-baby9kbnm) · InfoQ · 6 upvotes · 1 comments - [React Native 0.83, Reanimated 4.2, State of RN, Refined, Crypto, Worklets, Sheet Navigator](https://daily.dev/posts/react-native-0-83-reanimated-4-2-state-of-rn-refined-crypto-worklets-sheet-navigator-xx7s6aqer) · This Week In React · 28 upvotes · 0 comments - [React Native solves some real problems](https://daily.dev/posts/react-native-solves-some-real-problems-bagnpeani) · Bytes by ui.dev · 2 upvotes · 0 comments --- Tags: [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#react-native](https://daily.dev/tags/react-native) [View this post on daily.dev](https://daily.dev/posts/react-navigation-4-0-fqpassocx) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"React Navigation 4.0","url":"https://daily.dev/posts/react-navigation-4-0-fqpassocx","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-navigation-4-0-fqpassocx"},"datePublished":"2026-08-23T12:22:17.098Z","dateModified":"2026-08-23T12:53:16.432Z","description":"React Navigation 4.0 removes the built-in navigators from the core react-navigation package, requiring developers to install navigators (stack, tabs, drawer)...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2cb5a266a09c2095f5194cd07eb12a75?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2cb5a266a09c2095f5194cd07eb12a75?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"React Navigation","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"React Navigation","logo":"https://media.daily.dev/image/upload/s--d1x9LTh1--/c_limit,w_256/f_auto,q_auto/v1787487486/logos/react-navigation?_a=BAMAMicg0","url":"https://daily.dev/sources/react-navigation"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/react-navigation-4-0-fqpassocx","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,react,react-native","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"React Navigation","item":"https://daily.dev/sources/react-navigation"},{"@type":"ListItem","position":3,"name":"React Navigation 4.0"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/react-navigation-4-0-fqpassocx#faq","mainEntity":[{"@type":"Question","name":"Why were the stack, tab, and drawer navigators removed from react-navigation in version 4.0?","acceptedAnswer":{"@type":"Answer","text":"They were moved into separate packages (react-navigation-stack, react-navigation-tabs, react-navigation-drawer) so they can be updated independently without forcing a major version bump of the core react-navigation package. Previously bundling them meant significant navigator updates required a major release of the whole library, slowing improvements like react-native-reanimated-based gesture animations for drawer and tab navigators. Teams upgrading react-navigation can track breaking changes like this on daily.dev before touching production code."}},{"@type":"Question","name":"How do I fix missing navigator types after upgrading to React Navigation 4.0 with TypeScript?","acceptedAnswer":{"@type":"Answer","text":"Navigator-specific TypeScript types were removed from the main react-navigation package in version 4.0 and moved into their respective navigator packages (react-navigation-stack, react-navigation-tabs, react-navigation-drawer). Import the replacement types from those packages instead, as detailed in the v4.0.0 GitHub release notes; open an issue on the react-navigation repo if problems persist. Developers navigating TypeScript breakage after a major upgrade can follow related fixes on daily.dev."}}]} ```