Clear interval when functional connectionBauble gets unmounted

src/GameOptions/ui/ConnectionBauble.tsx

@@ -8,9 +8,10 @@ export const ConnectionBauble = (props: baubleProps): React.ReactElement => {
   const [connection, setConnection] = useState(props.callback());
 
   useEffect(() => {
-    setInterval(() => {
+    const timer = setInterval(() => {
       setConnection(props.callback());
     }, 1000);
+    return () => clearInterval(timer);
   });
 
   return <div className="ConnectionBauble">{connection ? "Connected" : "Disconnected"}</div>;