doc: updated reach migration guide for Route Components (#8491)

contributors.yml

@@ -20,3 +20,4 @@
 - thisiskartik
 - timdorr
 - turansky
+- vijaypushkin

docs/upgrading/reach.md

@@ -204,10 +204,10 @@ import { Router } from "@reach/router";
 </Router>;
 
 // React Router v6
-import { Routes } from "react-router-dom";
+import { Routes, Route } from "react-router-dom";
 
 <Routes>
-  <Home path="/" />
+  <Route path="/" element={<Home />} />
   {/* ... */}
 </Routes>;
 ```
@@ -225,8 +225,8 @@ The `default` prop told `@reach/router` to use that route if no other routes mat
 
 // React Router v6
 <Routes>
-  <Home path="/" />
-  <NotFound path="*" />
+  <Route path="/" element={<Home />} />
+  <Route path="*" element={<NotFound />} />
 </Routes>
 ```
 
@@ -306,9 +306,9 @@ function Redirect({ to }) {
 
 // usage
 <Routes>
-  <Home path="/" />
-  <Users path="/events" />
-  <Redirect path="/dashboard" to="/events" />
+  <Route path="/" element={<Home />} />
+  <Route path="/events" element={<Users />} />
+  <Route path="/dashboard" element={<Redirect to="/events" />} />
 </Routes>;
 ```