From 5715c2c507def1b6ef3a11e9a41f9f3ec6f89b59 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Sun, 21 Aug 2022 13:29:58 +1200
Subject: [PATCH] Fixing hooks order

---
 src/js/components/Fields/OutputControl.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/js/components/Fields/OutputControl.js b/src/js/components/Fields/OutputControl.js
index 9a588c17..32b21201 100755
--- a/src/js/components/Fields/OutputControl.js
+++ b/src/js/components/Fields/OutputControl.js
@@ -167,6 +167,10 @@ const Group = ({
 
 const Outputs = () => {
   const snapcastEnabled = useSelector((state) => state.snapcast.enabled);
+  const allGroups = indexToArray(useSelector((state) => state.snapcast.groups || {}));
+  const allStreams = useSelector((state) => state.snapcast.streams || {});
+  const allServers = indexToArray(useSelector((state) => state.mopidy.servers || {}));
+  const groupsByStream = groupBy(allGroups, 'stream_id');
   if (!snapcastEnabled) {
     return (
       <p className="no-results">
@@ -175,11 +179,6 @@ const Outputs = () => {
     );
   }
 
-  const allGroups = indexToArray(useSelector((state) => state.snapcast.groups || {}));
-  const allStreams = useSelector((state) => state.snapcast.streams || {});
-  const allServers = indexToArray(useSelector((state) => state.mopidy.servers || {}));
-  const groupsByStream = groupBy(allGroups, 'stream_id');
-
   return (
     <ErrorBoundary>
       {map(groupsByStream, (groups, id) => {