From ac79d69daf491ba4bea4438883f75e3793def346 Mon Sep 17 00:00:00 2001
From: Lennart <lekoarts@gmail.com>
Date: Wed, 27 Nov 2024 16:26:12 +0100
Subject: [PATCH] fix: Update React Router mentions (#1748)

---
 docs/components/control/signed-in.mdx      | 2 +-
 docs/components/control/signed-out.mdx     | 2 +-
 docs/references/react/add-react-router.mdx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/components/control/signed-in.mdx b/docs/components/control/signed-in.mdx
index b82dc24839..aaf9456169 100644
--- 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
index 91f93eb17f..d719cebe4b 100644
--- 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
index a173040ae8..469ba35c67 100644
--- 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.