From 40fea889096b96b7ef2ef4ff5ae32a8517cd8018 Mon Sep 17 00:00:00 2001
From: makopolok <44903785+makopolok@users.noreply.github.com>
Date: Sat, 19 Mar 2022 17:16:17 +0200
Subject: [PATCH] Update App.js

Made the changes for the code to work with React Router V6
changed the <Switch> to <Route> and component to element
https://stackoverflow.com/questions/63124161/attempted-import-error-switch-is-not-exported-from-react-router-dom
---
 frontend/src/App.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 2bef7fd29..f9831a4d2 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -3,17 +3,17 @@ import './App.css';
 import Nav from './components/Nav';
 import Home from './components/Home';
 import Tweet from './components/Tweet';
-import {BrowserRouter as Router, Switch, Route} from 'react-router-dom';
+import {BrowserRouter as Router, Routes, Route} from 'react-router-dom';
 
 function App() {
   return (
     <Router>
       <div className="App">
           <Nav />
-          <Switch>
-            <Route path="/" exact component={Home} />
-            <Route path="/tweets" exact component={Tweet} />
-          </Switch>
+          <Routes>
+            <Route path="/" exact element={<Home/>} />
+            <Route path="/tweets" exact element={<Tweet/>} />
+          </Routes>
       </div>
     </Router>
   );