fix: Update React Router mentions (#1748)

clerk · Nov 27, 2024 · ac79d69 · ac79d69
1 parent 3a68d1a
commit ac79d69
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/docs/components/control/signed-in.mdx b/docs/components/control/signed-in.mdx
@@ -87,7 +87,7 @@ The `<SignedIn>` component offers authentication checks as a cross-cutting conce
 Below is an example of how to use `<SignedIn>` with React Router. The `<SignedIn>` component can be used as a child of a `<Route />` component to render content only to signed in users.
 
 ```tsx {{ filename: 'app.tsx' }}
-import { Routes, Route } from 'react-router-dom'
+import { Routes, Route } from 'react-router'
 import { ClerkProvider, SignedIn } from '@clerk/clerk-react'
 
 function App() {

diff --git a/docs/components/control/signed-out.mdx b/docs/components/control/signed-out.mdx
@@ -52,7 +52,7 @@ The `<SignedOut>` component offers authentication checks as a cross-cutting conc
     Below is an example of how to use `<SignedOut>` with React Router. The `<SignedOut>` component can be used as a child of a `<Route />` component to render content only to signed in users.
 
     ```tsx {{ filename: 'app.tsx' }}
-    import { Routes, Route } from 'react-router-dom'
+    import { Routes, Route } from 'react-router'
     import { ClerkProvider, SignedOut, RedirectToSignIn } from '@clerk/clerk-react'
 
     function App() {

diff --git a/docs/references/react/add-react-router.mdx b/docs/references/react/add-react-router.mdx
@@ -32,7 +32,7 @@ description: Learn how to add React Router to your React application using their
 </TutorialHero>
 
 > [!WARNING]
-> [Loaders](https://reactrouter.com/en/main/route/loader) and [Actions](https://reactrouter.com/en/main/route/action) are currently not supported by Clerk with React Router.
+> This tutorial is written for [React Router 6](https://reactrouter.com/6.28.0/home) and doesn't support [loaders](https://reactrouter.com/6.28.0/route/loader) and [actions](https://reactrouter.com/6.28.0/route/action).
 
 Learn how to add React Router to your application using React Router's new Data API router. This tutorial will cover configuring layouts and setting up protected routes.