Fix re-rendering issue

.gitignore

@@ -28,3 +28,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+.junie

reminder-dashboard/src/components/App/index.tsx

@@ -28,22 +28,16 @@ const InnerApp = () => {
                     <div style={{margin: "0 12px 12px 12px"}}>
                         <Switch>
                             <Route path={"/@me/reminders"} component={User}></Route>
-                            <Route
-                                path={"/:guild/reminders"}
-                                component={() => (
+                            <Route path={"/:guild/reminders"}>
                                 <Guild>
                                     <GuildReminders/>
                                 </Guild>
-                                )}
-                            ></Route>
-                            <Route
-                                path={"/:guild/todos"}
-                                component={() => (
+                            </Route>
+                            <Route path={"/:guild/todos"}>
                                 <Guild>
                                     <GuildTodos/>
                                 </Guild>
-                                )}
-                            ></Route>
+                            </Route>
                             <Route>
                                 <Welcome/>
                             </Route>
@@ -55,8 +49,9 @@ const InnerApp = () => {
     );
 };
 
+const queryClient = new QueryClient();
+
 export function App() {
-    const queryClient = new QueryClient();
 
     return (
         <QueryClientProvider client={queryClient}>