From b647e7d5758c1cdfa6abc3e3bf685e6258c9a1c1 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 17 Feb 2021 11:56:34 -0800
Subject: [PATCH] Use hook properly when doing upgrade check

---
 web/components/main-layout.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/web/components/main-layout.tsx b/web/components/main-layout.tsx
index 0c4563e80..aed1b1f23 100644
--- a/web/components/main-layout.tsx
+++ b/web/components/main-layout.tsx
@@ -30,8 +30,6 @@ import { TEXTFIELD_PROPS_STREAM_TITLE } from '../utils/config-constants';
 
 import { UpdateArgs } from '../types/config-section';
 
-let performedUpgradeCheck = false;
-
 export default function MainLayout(props) {
   const { children } = props;
 
@@ -60,11 +58,8 @@ export default function MainLayout(props) {
   };
 
   useEffect(() => {
-    if (!performedUpgradeCheck) {
-      checkForUpgrade();
-      performedUpgradeCheck = true;
-    }
-  });
+    checkForUpgrade();
+  }, [versionNumber]);
 
   useEffect(() => {
     setCurrentStreamTitle(instanceDetails.streamTitle);