Make 6.x the default

Author: satya164

docusaurus.config.js

@@ -152,12 +152,7 @@ module.exports = {
             'https://github.com/react-navigation/react-navigation.github.io/edit/main/',
           remarkPlugins: [require('./src/plugins/remark-npm2yarn')],
           includeCurrentVersion: false,
-          lastVersion: '5.x',
-          versions: {
-            '6.x': {
-              label: '6.x (next)',
-            },
-          },
+          lastVersion: '6.x'
         },
         theme: {
           customCss: require.resolve('./src/css/custom.css'),

versioned_docs/version-5.x/bottom-tab-navigator.md

@@ -15,7 +15,7 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/bottom-tabs
+npm install @react-navigation/bottom-tabs@^5.x
 ```
 
 ## API Definition

versioned_docs/version-5.x/compatibility.md

@@ -11,7 +11,7 @@ React Navigation 5 has a completely new API, so our old code using React Navigat
 To use the compatibility layer, we need to install [`@react-navigation/compat`](https://github.com/react-navigation/react-navigation/tree/main/packages/compat):
 
 ```bash npm2yarn
-npm install @react-navigation/native @react-navigation/compat @react-navigation/stack
+npm install @react-navigation/native@^5.x @react-navigation/compat@^5.x @react-navigation/stack@^5.x
 ```
 
 Then we can make minimal changes in our code to use it:

versioned_docs/version-5.x/devtools.md

@@ -9,7 +9,7 @@ Developer tools to make debugging easier when using React Navigation.
 To use the developer tools, install [`@react-navigation/devtools`](https://github.com/react-navigation/react-navigation/tree/master/packages/devtools):
 
 ```bash npm2yarn
-npm install @react-navigation/devtools
+npm install @react-navigation/devtools@^5.x
 ```
 
 ## API Definition

versioned_docs/version-5.x/drawer-based-navigation.md

@@ -15,7 +15,7 @@ Common pattern in navigation is to use drawer from left (sometimes right) side f
 Before continuing, first install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
 
 ```bash npm2yarn
-npm install @react-navigation/drawer
+npm install @react-navigation/drawer@^5.x
 ```
 
 ## Minimal example of drawer-based navigation

versioned_docs/version-5.x/drawer-navigator.md

@@ -15,7 +15,7 @@ Component that renders a navigation drawer which can be opened and closed via ge
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
 
 ```bash npm2yarn
-npm install @react-navigation/drawer
+npm install @react-navigation/drawer@^5.x
 ```
 
 ## API Definition

versioned_docs/version-5.x/getting-started.md

@@ -22,7 +22,7 @@ Here are some resources to help you out:
 Install the required packages in your React Native project:
 
 ```bash npm2yarn
-npm install @react-navigation/native
+npm install @react-navigation/native@^5.x
 ```
 
 React Navigation is made up of some core utilities and those are then used by navigators to create the navigation structure in your app. Don't worry too much about this for now, it'll become clear soon enough! To frontload the installation work, let's also install and configure dependencies used by most navigators, then we can move forward with starting to write some code.

versioned_docs/version-5.x/hello-react-navigation.md

@@ -15,7 +15,7 @@ Lets start by demonstrating the most common navigator, `createStackNavigator`.
 The libraries we've installed so far are the building blocks and shared foundations for navigators, and each navigator in React Navigation lives in its own library. To use the stack navigator, we need to install [`@react-navigation/stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/stack) :
 
 ```bash npm2yarn
-npm install @react-navigation/stack
+npm install @react-navigation/stack@^5.x
 ```
 
 > 💡 `@react-navigation/stack` depends on `@react-native-community/masked-view` and the other libraries that we installed in [Getting started](getting-started.md). If you haven't installed those yet, head over to that page and follow the installation instructions.

versioned_docs/version-5.x/material-bottom-tab-navigator.md

@@ -13,7 +13,7 @@ This wraps the [`BottomNavigation`](https://callstack.github.io/react-native-pap
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons
+npm install @react-navigation/material-bottom-tabs@^5.x react-native-paper react-native-vector-icons
 ```
 
 This API also requires that you install `react-native-vector-icons`! If you are using Expo managed workflow, it will work without any extra steps. Otherwise, [follow these installation instructions](https://github.com/oblador/react-native-vector-icons#installation).

versioned_docs/version-5.x/material-top-tab-navigator.md

@@ -17,7 +17,7 @@ This wraps [`react-native-tab-view`](https://github.com/react-native-community/r
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-top-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-top-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/material-top-tabs react-native-tab-view@^2.16.0
+npm install @react-navigation/material-top-tabs@^5.x react-native-tab-view@^2.x
 ```
 
 ## API Definition

versioned_docs/version-5.x/stack-navigator.md

@@ -17,7 +17,7 @@ By default the stack navigator is configured to have the familiar iOS and Androi
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/stack):
 
 ```bash npm2yarn
-npm install @react-navigation/stack
+npm install @react-navigation/stack@^5.x
 ```
 
 ## API Definition

versioned_docs/version-5.x/tab-based-navigation.md

@@ -11,7 +11,7 @@ This guide covers [`createBottomTabNavigator`](bottom-tab-navigator.md). You may
 Before continuing, first install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/bottom-tabs
+npm install @react-navigation/bottom-tabs@^5.x
 ```
 
 ## Minimal example of tab-based navigation

versioned_docs/version-6.x/bottom-tab-navigator.md

@@ -15,7 +15,7 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/bottom-tabs@next
+npm install @react-navigation/bottom-tabs
 ```
 
 ## API Definition

versioned_docs/version-6.x/devtools.md

@@ -9,7 +9,7 @@ Developer tools to make debugging easier when using React Navigation.
 To use the developer tools, install [`@react-navigation/devtools`](https://github.com/react-navigation/react-navigation/tree/master/packages/devtools):
 
 ```bash npm2yarn
-npm install @react-navigation/devtools@next
+npm install @react-navigation/devtools
 ```
 
 Hooks from this package only work during development and are disabled in production. You don't need to do anything special to remove them from the production build.

versioned_docs/version-6.x/drawer-based-navigation.md

@@ -15,7 +15,7 @@ Common pattern in navigation is to use drawer from left (sometimes right) side f
 Before continuing, first install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
 
 ```bash npm2yarn
-npm install @react-navigation/drawer@next
+npm install @react-navigation/drawer
 ```
 
 ## Minimal example of drawer-based navigation

versioned_docs/version-6.x/drawer-navigator.md

@@ -15,7 +15,7 @@ Component that renders a navigation drawer which can be opened and closed via ge
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
 
 ```bash npm2yarn
-npm install @react-navigation/drawer@next
+npm install @react-navigation/drawer
 ```
 
 ## API Definition

versioned_docs/version-6.x/elements.md

@@ -9,7 +9,7 @@ A component library containing the UI elements and helpers used in React Navigat
 To use this package, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/elements):
 
 ```sh npm2yarn
-npm install @react-navigation/elements@next
+npm install @react-navigation/elements
 ```
 
 ## Components

versioned_docs/version-6.x/getting-started.md

@@ -26,7 +26,7 @@ React Navigation 6 requires at least `react-native@0.63.0`. If you're using Expo
 Install the required packages in your React Native project:
 
 ```bash npm2yarn
-npm install @react-navigation/native@next
+npm install @react-navigation/native
 ```
 
 React Navigation is made up of some core utilities and those are then used by navigators to create the navigation structure in your app. Don't worry too much about this for now, it'll become clear soon enough! To frontload the installation work, let's also install and configure dependencies used by most navigators, then we can move forward with starting to write some code.

versioned_docs/version-6.x/hello-react-navigation.md

@@ -15,7 +15,7 @@ Let's start by demonstrating the most common navigator, `createNativeStackNaviga
 The libraries we've installed so far are the building blocks and shared foundations for navigators, and each navigator in React Navigation lives in its own library. To use the native stack navigator, we need to install [`@react-navigation/native-stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack) :
 
 ```bash npm2yarn
-npm install @react-navigation/native-stack@next
+npm install @react-navigation/native-stack
 ```
 
 > 💡 `@react-navigation/native-stack` depends on `react-native-screens` and the other libraries that we installed in [Getting started](getting-started.md). If you haven't installed those yet, head over to that page and follow the installation instructions.

versioned_docs/version-6.x/material-bottom-tab-navigator.md

@@ -13,7 +13,7 @@ This wraps the [`BottomNavigation`](https://callstack.github.io/react-native-pap
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/material-bottom-tabs@next react-native-paper react-native-vector-icons
+npm install @react-navigation/material-bottom-tabs react-native-paper react-native-vector-icons
 ```
 
 This API also requires that you install `react-native-vector-icons`! If you are using Expo managed workflow, it will work without any extra steps. Otherwise, [follow these installation instructions](https://github.com/oblador/react-native-vector-icons#installation).

versioned_docs/version-6.x/material-top-tab-navigator.md

@@ -17,7 +17,7 @@ This wraps [`react-native-tab-view`](https://github.com/react-native-community/r
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-top-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-top-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/material-top-tabs@next react-native-tab-view react-native-pager-view
+npm install @react-navigation/material-top-tabs react-native-tab-view react-native-pager-view
 ```
 
 ## API Definition

versioned_docs/version-6.x/native-stack-navigator.md

@@ -15,7 +15,7 @@ This navigator does not currently support web. Use `createStackNavigator` for th
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/native-stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack):
 
 ```bash npm2yarn
-npm install @react-navigation/native-stack@next
+npm install @react-navigation/native-stack
 ```
 
 ## API Definition

versioned_docs/version-6.x/stack-navigator.md

@@ -17,7 +17,7 @@ By default the stack navigator is configured to have the familiar iOS and Androi
 To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/stack):
 
 ```bash npm2yarn
-npm install @react-navigation/stack@next
+npm install @react-navigation/stack
 ```
 
 ## API Definition

versioned_docs/version-6.x/tab-based-navigation.md

@@ -11,7 +11,7 @@ This guide covers [`createBottomTabNavigator`](bottom-tab-navigator.md). You may
 Before continuing, first install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
 
 ```bash npm2yarn
-npm install @react-navigation/bottom-tabs@next
+npm install @react-navigation/bottom-tabs
 ```
 
 ## Minimal example of tab-based navigation

versioned_docs/version-6.x/upgrading-from-5.x.md

@@ -15,7 +15,7 @@ These following changes are in the core library. You'll need to address this cha
 To install the 6.x version of `@react-navigation/native`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/native@next
+npm install @react-navigation/native
 ```
 
 ### Older versions of some libraries are no longer supported
@@ -162,7 +162,7 @@ The following changes are in the `@react-navigation/stack` package.
 To install the 6.x version of `@react-navigation/stack`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/stack@next
+npm install @react-navigation/stack
 ```
 
 ### `keyboardHandlingEnabled` is moved to options
@@ -256,7 +256,7 @@ The `@react-navigation/native-stack` package is back. We made few changes to the
 To install the 6.x version of `@react-navigation/native-stack`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/native-stack@next react-native-screens react-native-safe-area-context
+npm install @react-navigation/native-stack react-native-screens react-native-safe-area-context
 ```
 
 **TODO**
@@ -268,7 +268,7 @@ The following changes are in the `@react-navigation/bottom-tabs` package.
 To install the 6.x version of `@react-navigation/bottom-tabs`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/bottom-tabs@next
+npm install @react-navigation/bottom-tabs
 ```
 
 ### A header is shown by default in tab screens
@@ -327,7 +327,7 @@ The following changes are in the `@react-navigation/material-top-tabs` package.
 To install the 6.x version of `@react-navigation/material-top-tabs`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/material-top-tabs@next react-native-pager-view
+npm install @react-navigation/material-top-tabs react-native-pager-view
 ```
 
 ### It now uses `ViewPager` instead of Reanimated and Gesture Handler
@@ -380,7 +380,7 @@ The following changes are in the `@react-navigation/material-bottom-tabs` packag
 To install the 6.x version of `@react-navigation/material-bottom-tabs`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/material-bottom-tabs@next react-native-safe-area-context
+npm install @react-navigation/material-bottom-tabs react-native-safe-area-context
 ```
 
 It's also necessary to install the `react-native-safe-area-context` package when using `@react-navigation/material-bottom-tab`, if you didn't have it already:
@@ -396,7 +396,7 @@ The following changes are in the `@react-navigation/drawer` package.
 To install the 6.x version of `@react-navigation/drawer`, run:
 
 ```sh npm2yarn
-npm install @react-navigation/drawer@next
+npm install @react-navigation/drawer
 ```
 
 ### Drawer now uses Reanimated 2 if available
@@ -466,7 +466,7 @@ Similar to bottom tabs, drawer now uses `firstRoute` for the `backBehavior` prop
 We have a new package which contains various UI elements related to navigation, such as a `Header` component. This means that we can now use these components in all navigators. You can also install the library to import components such as `Header` to use in any navigator:
 
 ```sh npm2yarn
-npm install @react-navigation/elements@next react-native-safe-area-context
+npm install @react-navigation/elements react-native-safe-area-context
 ```
 
 Now you can import items from there: