From 0dcb5e234081a4877dc2be89b91bf977b8d35278 Mon Sep 17 00:00:00 2001
From: Stepan Usatiuk <stepanusatiuk@gmail.com>
Date: Fri, 16 Oct 2020 12:44:22 +0000
Subject: [PATCH] fix animations

---
 frontend/src/App.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 9ba13ff..234886c 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -4,12 +4,16 @@ import { AuthScreen } from "~Auth/AuthScreen";
 import { requireAuth } from "~Auth/AuthWrapper";
 import { Home } from "~Home/Home";
 
+// Somehow, if we do it like this then App doesn't rerender every time
+// the route changes, and animations work
+const protectedHome = requireAuth(Home);
+
 export const AppComponent: React.FunctionComponent<RouteComponentProps> = () => {
     return (
         <Switch>
             <Route path="/signup" component={AuthScreen} />,
             <Route path="/login" component={AuthScreen} />,
-            <Route path="/" component={requireAuth(Home)} />,
+            <Route path="/" component={protectedHome} />,
         </Switch>
     );
 };