diff --git a/src/components/Routes.jsx b/src/components/Routes.jsx
index c1340d0..d87bba1 100644
--- a/src/components/Routes.jsx
+++ b/src/components/Routes.jsx
@@ -1,28 +1,20 @@
-import React from 'react';
-import { Switch, Route, Redirect } from 'react-router-dom';
-
+import React from 'react'
+import { Routes, Route, Navigate } from 'react-router-dom'
 import { Results } from './Results';
 
-export const Routes = () => (
-  <div className="p-4">
-    <Switch>
-      <Route exact path="/">
-        <Redirect to="/search" />
-      </Route>
-      <Route exact path="/search">
-        <Results />
-      </Route>
-      <Route path="/images">
-        <Results />
-      </Route>
-      <Route path="/news">
-        <Results />
-      </Route>
-      <Route path="/videos">
-        <Results />
-      </Route>
+const Routing = () => {
+  return (
+    <div className="p-4" >
+      <Routes>
+        <Route exact path="/" element={<Navigate to="/search" />} />
+        <Route exact path="/search" element={<Results/>} />
+        <Route path="/images" element={<Results/>} />
+        <Route path="/news" element={<Results/>} />
+        <Route path="/videos" element={<Results/>} />
+      </Routes> 
+    </div>
+  )
+}
 
-    </Switch>
-  </div>
+export default Routing
 
-);