fix: emit changes to ALL clients (insteads of only one)

Author: olzzon

src/client/Components/Overlay.tsx

@@ -10,7 +10,6 @@ const Overlay = () => {
   const [labelAndTallyState, setLabelAndTallyState] = useState<
     ILabelAndTallyState[]
   >([]);
-  const [forceUpdate, setForceUpdate] = useState<boolean>(false);
 
   useEffect(() => {
     const socketClient = io();
@@ -22,14 +21,12 @@ const Overlay = () => {
       })
       .on(IO.SEND_STATE, (receivedState: ILabelAndTallyState[]) => {
         setLabelAndTallyState(receivedState);
-        setForceUpdate(!forceUpdate);
       });
   }, []);
 
   return (
     <div className="app">
       <div>
-        {forceUpdate ? <div></div> : <div></div>}
         {sources.map((source: ISource, index) => (
           <SourceOverlay
             key={index}

src/server/index.ts

@@ -31,7 +31,7 @@ io.on("connection", (socket: any) => {
     if (JSON.stringify(oldState) !== JSON.stringify(labelAndTallyState)) {
       console.log("State changed");
       saveLabelTallyState(labelAndTallyState);
-      socket.emit(IO.SEND_STATE, labelAndTallyState);
+      io.sockets.emit(IO.SEND_STATE, labelAndTallyState);
     }
   }, 100);
   const clientTimerSettings = setInterval(