Fixing blank list items

components/pages/Tabs.tsx

@@ -1,4 +1,4 @@
-import { Redirect, Route } from 'react-router-dom';
+import { Redirect, Route, Switch } from 'react-router-dom';
 import {
   IonRouterOutlet,
   IonTabs,
@@ -18,6 +18,7 @@ const Tabs = () => {
   return (
     <IonTabs>
       <IonRouterOutlet>
+        <Switch>
           <Route path="/feed" render={() => <Home />} exact={true} />
           <Route path="/lists" render={() => <Lists />} exact={true} />
           <Route
@@ -27,6 +28,7 @@ const Tabs = () => {
           />
           <Route path="/settings" render={() => <Settings />} exact={true} />
           <Route path="" render={() => <Redirect to="/feed" />} exact={true} />
+        </Switch>
       </IonRouterOutlet>
       <IonTabBar slot="bottom">
         <IonTabButton tab="tab1" href="/feed">