Ahora entiendo todo

Tuve que hacer bastante para poder entender como funciona esta cosa,
creo

Resulta que no tengo que joder con las querystrings todo el tiempo, solo
cuando cargo la pagina, de ahi en adelante puedo manejar todo con el
estado y puedo hacer history.pushstate para mostrarle a los usuarios un
link al que pueden acceder y estaran en la misma pagina

por todo esto, ahora ya leo solo la query string al princio y
internamente me manejo con el estado que me da searchbar y navigate, uno
me da una query y el otro me da un page number

de aqui en adelante deberia ir mas facil la cosa

PD: ojala my super mega setup de continuous delivery pueda con mis
modificaciones

src/components/Nav.jsx

@@ -1,14 +1,14 @@
 import React from "react";
-import {Link} from "@reach/router";
+import {Link} from "react-router-dom";
 
 export class Nav extends React.Component {
     render() {
         return (
             <nav className='nav'>
-                <Link to={'/'}><h1>MusicList</h1></Link>
+                <Link to='/'><h1>MusicList</h1></Link>
                 <ul className='nav-links'>
-                    <li className='link'><a href='/login'>Iniciar Sesion</a></li>
-                    <li className='link'><a href='/signup'>Registrate</a></li>
+                    <li className='link'><Link to='/login'>Iniciar Sesion</Link></li>
+                    <li className='link'><Link to='/signup'>Registrate</Link></li>
                 </ul>
             </nav>
         )