From d860f4af96b79c0f160f350a7e2a865c3662887b Mon Sep 17 00:00:00 2001
From: Brandon Edwin Ogola
 <106029484+brandonedwinogola@users.noreply.github.com>
Date: Sun, 31 Jul 2022 13:29:52 +0300
Subject: [PATCH] Update App.js

---
 src/App.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.js b/src/App.js
index e913f5f..26ef276 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { CssBaseline } from '@material-ui/core';
-import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
 
 import { Navbar, Products, Cart, Checkout } from './components';
 import { commerce } from './lib/commerce';
@@ -76,7 +76,7 @@ const App = () => {
       <div style={{ display: 'flex' }}>
         <CssBaseline />
         <Navbar totalItems={cart.total_items} handleDrawerToggle={handleDrawerToggle} />
-        <Switch>
+        <Routes>
           <Route exact path="/">
             <Products products={products} onAddToCart={handleAddToCart} handleUpdateCartQty />
           </Route>
@@ -86,7 +86,7 @@ const App = () => {
           <Route path="/checkout" exact>
             <Checkout cart={cart} order={order} onCaptureCheckout={handleCaptureCheckout} error={errorMessage} />
           </Route>
-        </Switch>
+        </Routes>
       </div>
     </Router>
   );