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>
   );