Estoy usando el enrutador React con Link para cambiar las URL y navegar a través de la aplicación. En la lista de lecturas, navego al usuario para editar la lectura con este código:

 <Link to={`readings/edit/${reading.id}`} params={{id: reading.id}}>

He definido las siguientes rutas:

 <Route path="/" component={App}> <IndexRoute component={Greetings}/> ... <Route path="readings/edit/:id" component={requireAuth(ReadingEdit)}/> <Route path="readings/:tab" component={requireAuth(ReadingListContainer)}/> ... </Route>

La navegación funciona como debería, pero la URL es incorrecta, debería ser http://localhost:8000/readings/edit/5 pero en su lugar es http://localhost:8000/readings/readings/edit/5 . Esto significa que cuando actualizo el sitio, el enrutador no encuentra una ruta.

¿Cómo puedo solucionar ese problema?