Remove non-v7 packages (#11479)

* Remove react-router-native

* Remove react-router-dom-v5-compat

* Add __DEV__ TS definition that used to come from @types/react-native

* Fix remix-dev test

Author: brophdawg11

.changeset/config.json

@@ -9,8 +9,6 @@
     [
       "react-router",
       "react-router-dom",
-      "react-router-dom-v5-compat",
-      "react-router-native",
       "@react-router/dev",
       "@react-router/express",
       "@react-router/node",

.changeset/drop-node-16.md

@@ -1,6 +1,4 @@
 ---
-"react-router-dom-v5-compat": major
-"react-router-native": major
 "react-router-dom": major
 "react-router": major
 "@remix-run/router": major

.gitignore

@@ -22,9 +22,6 @@ node_modules/
 /packages/*/dist/
 /packages/*/LICENSE.md
 
-# compat module copies
-/packages/react-router-dom-v5-compat/react-router-dom
-
 .eslintcache
 .tmp
 /.env

README.md

@@ -5,7 +5,7 @@
 [build-badge]: https://img.shields.io/github/actions/workflow/status/remix-run/react-router/test.yml?branch=dev&style=square
 [build]: https://github.com/remix-run/react-router/actions/workflows/test.yml
 
-React Router is a lightweight, fully-featured routing library for the [React](https://reactjs.org) JavaScript library. React Router runs everywhere that React runs; on the web, on the server (using node.js), and on React Native.
+React Router is a lightweight, fully-featured routing library for the [React](https://reactjs.org) JavaScript library. React Router runs anywhere React runs; on the web, on the server with node.js, or on any other Javascript platform that supports the [Web Fetch API][fetch-api].
 
 If you're new to React Router, we recommend you start with [the tutorial](https://reactrouter.com/en/main/start/tutorial).
 
@@ -21,9 +21,14 @@ There are many different ways to contribute to React Router's development. If yo
 
 This repository is a monorepo containing the following packages:
 
+- [`@react-router/dev`](/packages/remix-dev)
+- [`@react-router/express`](/packages/remix-express)
+- [`@react-router/node`](/packages/remix-node)
+- [`@react-router/serve`](/packages/remix-serve)
+- [`@react-router/server-runtime`](/packages/remix-server-runtime)
+- [`@react-router/testing`](/packages/remix-testing)
 - [`react-router`](/packages/react-router)
 - [`react-router-dom`](/packages/react-router-dom)
-- [`react-router-native`](/packages/react-router-native)
 
 ## Changes
 
@@ -36,3 +41,5 @@ You may provide financial support for this project by donating [via Open Collect
 ## About
 
 React Router is developed and maintained by [Remix Software](https://remix.run) and many [amazing contributors](https://github.com/remix-run/react-router/graphs/contributors).
+
+[fetch-api]: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

docs/components/link-native.md

@@ -4,8 +4,6 @@ title: Link
 
 # `<Link>`
 
-<docs-info>This is the web version of `<Link>`. For the React Native version, [go here][link-native].</docs-info>
-
 <details>
   <summary>Type declaration</summary>
 
@@ -216,7 +214,6 @@ function ImageLink(to) {
 
 <docs-warning>Please note that this API is marked unstable and may be subject to breaking changes without a major release</docs-warning>
 
-[link-native]: ./link-native
 [scrollrestoration]: ./scroll-restoration
 [history-replace-state]: https://developer.mozilla.org/en-US/docs/Web/API/History/replaceState
 [history-push-state]: https://developer.mozilla.org/en-US/docs/Web/API/History/pushState

docs/components/link.md

@@ -76,7 +76,7 @@ We use [pnpm workspaces](https://pnpm.io/workspaces/) to manage installation of
 
 ### Building
 
-Calling `pnpm build` from the root directory will run the build, which should take only a few seconds. It's important to build all the packages together because `react-router-dom` and `react-router-native` both use `react-router` as a dependency.
+Calling `pnpm build` from the root directory will run the build, which should take only a few seconds. It's important to build all the packages together because the individual packages have dependencies on one another.
 
 ### Testing
 

docs/guides/contributing.md

@@ -4,8 +4,6 @@ title: useSearchParams
 
 # `useSearchParams`
 
-<docs-info>This is the web version of `useSearchParams`. For the React Native version, [go here][usesearchparams-native].</docs-info>
-
 <details>
   <summary>Type declaration</summary>
 
@@ -68,6 +66,5 @@ function App() {
 
 [functional-updates]: https://reactjs.org/docs/hooks-reference.html#functional-updates
 [searchparams]: https://developer.mozilla.org/en-US/docs/Web/API/URL/searchParams
-[usesearchparams-native]: ./use-search-params-rn
 [usestate]: https://react.dev/reference/react/useState
 [usenavigate]: ./use-navigate

docs/hooks/use-link-press-handler.md

@@ -22,10 +22,9 @@ The following routers do not support the data APIs:
 - [`<BrowserRouter>`][browserrouter]
 - [`<MemoryRouter>`][memoryrouter]
 - [`<HashRouter>`][hashrouter]
-- [`<NativeRouter>`][nativerouter]
 - [`<StaticRouter>`][staticrouter]
 
-We recommend updating your app to use one of the new routers from 6.4. The data APIs are currently not supported in React Native, but should be eventually.
+We recommend updating your app to use one of the new routers from 6.4+.
 
 The easiest way to quickly update to a v6.4 is to get the help from [`createRoutesFromElements`][createroutesfromelements] so you don't need to convert your `<Route>` elements to route objects.
 
@@ -78,12 +77,6 @@ module.exports = {
 };
 ```
 
-## React Native
-
-You will use [`<NativeRouter>`][nativerouter] from React Native projects.
-
-The data APIs from v6.4 are currently not supported in React Native, but should be eventually.
-
 ## Data APIs
 
 The following APIs are introduced in React Router 6.4 and will only work when using a data router:
@@ -119,7 +112,6 @@ The following APIs are introduced in React Router 6.4 and will only work when us
 [browserrouter]: ../router-components/browser-router
 [memoryrouter]: ../router-components/memory-router
 [hashrouter]: ../router-components/hash-router
-[nativerouter]: ../router-components/native-router
 [staticrouter]: ../router-components/static-router
 [data-apis]: #data-apis
 [action]: ../route/action

docs/hooks/use-search-params-rn.md

@@ -10,7 +10,7 @@ hidden: true
 
 [Check out the completed version of the app here][stackblitz-app].
 
-React Router is a fully-featured client and server-side routing library for React, a JavaScript library for building user interfaces. React Router runs anywhere React runs; on the web, on the server with node.js, and on React Native.
+React Router is a fully-featured client and server-side routing library for React, a JavaScript library for building user interfaces. React Router runs anywhere React runs; on the web, on the server with node.js, or on any other Javascript platform that supports the [Web Fetch API][fetch-api].
 
 If you're just getting started with React generally, we recommend you follow [the excellent Getting Started guide][reactjs-getting-started] in the official docs. There is plenty of information there to get you up and running. React Router is compatible with React >= 16.8.
 
@@ -862,3 +862,4 @@ If you're having trouble, check out the [Resources](/resources) page to get help
 [cra]: https://create-react-app.dev/
 [vite]: https://vitejs.dev/guide/#scaffolding-your-first-vite-project
 [remix]: https://remix.run
+[fetch-api]: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

docs/hooks/use-search-params.md

@@ -139,8 +139,6 @@ For this step, you'll need to install React Router v6. If you're managing depend
 
 ```bash
 $ npm install react-router-dom
-# or, for a React Native app
-$ npm install react-router-native
 ```
 
 You'll also want to remove the `history` dependency from your package.json. The `history` library is a direct dependency of v6 (not a peer dep), so you won't ever import or use it directly. Instead, you'll use the `useNavigate()` hook for all navigation (see below).
@@ -814,8 +812,6 @@ const Link = React.forwardRef(
 );
 ```
 
-If you're using `react-router-native`, we provide `useLinkPressHandler` that works basically the same way. Just call that hook's returned function in your `Link`'s `onPress` handler and you're all set.
-
 ## Rename `<NavLink exact>` to `<NavLink end>`
 
 This is a simple renaming of a prop to better align with the common practices of other libraries in the React ecosystem.

docs/router-components/native-router.md

@@ -12,9 +12,6 @@ module.exports = {
     "^@remix-run/router$": "<rootDir>/../router/index.ts",
     "^react-router$": "<rootDir>/../react-router/index.ts",
     "^react-router-dom$": "<rootDir>/../react-router-dom/index.tsx",
-    "^react-router-dom-v5-compat$":
-      "<rootDir>/../react-router-dom-v5-compat/index.ts",
-    "^react-router-native$": "<rootDir>/../react-router-native/index.tsx",
     "^@web3-storage/multipart-parser$": require.resolve(
       "@web3-storage/multipart-parser"
     ),

docs/routers/picking-a-router.md

@@ -73,7 +73,6 @@
     "@types/jsonfile": "^6.1.1",
     "@types/react": "^18.2.18",
     "@types/react-dom": "^18.2.7",
-    "@types/react-native": "^0.69.21",
     "@types/react-test-renderer": "^18.0.0",
     "@types/semver": "^7.5.0",
     "@types/shelljs": "^0.8.11",