call useEffect hook early

Signed-off-by: Tarun Pothulapati <[email protected]>

Author: Pothulapati

components/dashboard/src/admin/Settings.tsx

@@ -21,6 +21,13 @@ export default function Settings() {
     const [telemetryData, setTelemetryData] = useState<TelemetryData>();
     const { user } = useContext(UserContext);
 
+    useEffect(() => {
+        (async () => {
+            const data = await getGitpodService().server.adminGetTelemetryData();
+            setTelemetryData(data)
+        })();
+    });
+
     if (!user || !user?.rolesOrPermissions?.includes('admin')) {
         return <Redirect to="/"/>
     }
@@ -30,13 +37,6 @@ export default function Settings() {
         setAdminSettings(value);
     }
 
-    useEffect(() => {
-        (async () => {
-            const data = await getGitpodService().server.adminGetTelemetryData();
-            setTelemetryData(data)
-        })();
-    });
-
     return (
         <div>
             <PageWithSubMenu subMenu={adminMenu} title="Settings" subtitle="Configure settings for your Gitpod cluster.">