Middleware que se ejecuta en todas las rutas

src/components/Auth.jsx

@@ -1,10 +1,15 @@
 import React from 'react';
-import {Redirect} from "react-router-dom";
+import {Redirect, useRouteMatch} from "react-router-dom";
 import queryString from "query-string";
 
 import {auth, logout} from "../services/auth_service";
 import {useStateValue} from "../services/State";
 
+export const AuthMiddleware = (props) => {
+    const match = useRouteMatch('*')
+    return null;
+}
+
 export const AuthLogin = (props) => {
     const [context, dispatch] = useStateValue();
 

src/index.jsx

@@ -19,7 +19,7 @@ import {ReleaseView} from "./views/Release";
 import {Recomended} from "./views/Recomended";
 import {SongView} from "./views/Song";
 import {Grid, RowCol} from './components/Grid';
-import {AuthLogin, AuthLogout} from "./components/Auth";
+import {AuthMiddleware, AuthLogin, AuthLogout} from "./components/Auth";
 
 const Main = (props) => {
     const navigate = (query) => props.history.push(`/search?query=${query}`);
@@ -48,6 +48,7 @@ const App = () => (
     <main>
         <BrowserRouter>
             <ScrollToTopRouter/>
+            <AuthMiddleware/>
             <Nav/>
             <Switch>
                 <Route path='/search/:who?' component={Search}/>