Fix issue with router final example

turingschool · Feb 6, 2024 · 3b12e1b · 3b12e1b
1 parent e6c8a6e
commit 3b12e1b
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/lessons/module-3/react-router-v6.md b/lessons/module-3/react-router-v6.md
@@ -619,6 +619,7 @@ You would use this approach when you have distinct pages or components that shou
 
 ```jsx
 import './App.css';
+import './App.css';
 import { Routes, Route, NavLink } from 'react-router-dom';
 import Home from '../Home/Home';
 import Creatures from '../Creatures/Creatures';
@@ -633,8 +634,9 @@ function App() {
       </nav>
       <h1>Puppies or Sharks?</h1>
       <Routes>
-        <Route path="/" element={<Home />}/>
-        <Route path="/:animal/:id" element={<Creatures />}>
+        <Route path="/" element={<Home />} />
+        <Route path=":animal" element={<Creatures />} />
+        <Route path="/:animal/:id" element={<CreatureDetails />} />
       </Routes>
     </main>
   );