Correction services router: retirer la variante (une seule approche: BrowserRouter dans main.jsx), rester decisif

2026-06-25 14:52:13 +02:00
parent 45149f6eaf
commit 1e80e2c2af
1 changed files with 1 additions and 45 deletions
@@ -56,51 +56,7 @@ createRoot(document.getElementById("root")).render(

 **✅ Test :** la page d'accueil (`/`) s'affiche, plus d'erreur de `<Router>`. Va sur une URL `/trilogie/3` → ta page `Details` s'affiche.

---
-
-## 💡 Variante : où mettre `<BrowserRouter>` ?
-
-Les **deux** placements sont corrects, choisis-en **un seul** :
-
-**Option 1 (celle de l'énoncé) — dans `main.jsx`** (autour de `<App/>`) :
-```jsx
-// main.jsx
-<StrictMode>
-  <BrowserRouter>
-    <App />
-  </BrowserRouter>
-</StrictMode>
-```
-```jsx
-// App.jsx
-function App() {
-  return (
-    <Routes>
-      <Route path="/" element={<Accueil />} />
-      ...
-    </Routes>
-  );
-}
-```
-
-**Option 2 — dans `App.jsx`** (autour des `<Routes>`) :
-```jsx
-// App.jsx
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-function App() {
-  return (
-    <BrowserRouter>
-      <Routes>
-        <Route path="/" element={<Accueil />} />
-        ...
-      </Routes>
-    </BrowserRouter>
-  );
-}
-```
-(et dans ce cas, **pas** de `BrowserRouter` dans `main.jsx`.)
-
-> 🧩 **La seule règle :** il faut **un** `<BrowserRouter>`, et il doit **envelopper** tes `<Routes>`. Que ce soit dans `main.jsx` ou dans `App.jsx`, peu importe — mais **pas les deux**, et jamais deux `BrowserRouter`.
+> 🧩 **La règle :** **un seul** `<BrowserRouter>`, et il doit **envelopper** tes `<Routes>`. Ici il est dans `main.jsx` (autour de `<App/>`) → garde-le là, n'en remets pas dans `App.jsx`.

 ---