From deb2ab1ff40317760492c2f50f89475df9ca0670 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Tue, 25 May 2021 13:12:17 +0430
Subject: [PATCH] closes #96

---
 webUI/react/src/App.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/webUI/react/src/App.tsx b/webUI/react/src/App.tsx
index 6d775eac..6a049cee 100644
--- a/webUI/react/src/App.tsx
+++ b/webUI/react/src/App.tsx
@@ -122,9 +122,11 @@ export default function App() {
                         </Switch>
                     </Container>
                     <Switch>
-                        <Route path="/manga/:mangaId/chapter/:chapterIndex">
-                            <Reader />
-                        </Route>
+                        <Route
+                            path="/manga/:mangaId/chapter/:chapterIndex"
+                            // passing a key re-mounts the reader when changing chapters
+                            render={(props:any) => <Reader key={props.match.params.chapterIndex} />}
+                        />
                     </Switch>
                 </NavbarContext.Provider>
             </ThemeProvider>