Try fixes

Author: SpecialAro

src/components/MediaSource.tsx

@@ -1,5 +1,5 @@
 import { ipcRenderer } from 'electron';
-import { type MouseEventHandler, useEffect, useState } from 'react';
+import { type MouseEventHandler, useState } from 'react';
 import {
   type WrappedComponentProps,
   defineMessages,
@@ -54,12 +54,6 @@ function MediaSource(props: IProps) {
   const [trackerId, setTrackerId] = useState<string | null>(null);
   const [loadingSources, setLoadingSources] = useState<boolean>(false);
 
-  ipcRenderer.on(`select-capture-device:${service.id}`, (_event, data) => {
-    if (loadingSources) return;
-    setShow(true);
-    setTrackerId(data.trackerId);
-  });
-
   const handleOnClick = (e: any) => {
     const { id } = e.currentTarget.dataset;
     window['ferdium'].actions.service.sendIPCMessage({
@@ -75,35 +69,35 @@ function MediaSource(props: IProps) {
     setTrackerId(null);
   };
 
-  // biome-ignore lint/correctness/useExhaustiveDependencies: This effect should only run when `show` changes
-  useEffect(() => {
-    if (show) {
-      setLoadingSources(true);
-      ipcRenderer
-        .invoke('get-desktop-capturer-sources')
-        .then(sources => {
-          if (isWayland) {
-            // On Linux, we do not need to prompt the user again for the source
-            handleOnClick({
-              currentTarget: { dataset: { id: sources[0].id } },
-            });
-            return;
-          }
+  const showCaptureSources = () => {
+    setLoadingSources(true);
+    ipcRenderer
+      .invoke('get-desktop-capturer-sources')
+      .then(sources => {
+        if (isWayland) {
+          // On Linux, we do not need to prompt the user again for the source
+          handleOnClick({
+            currentTarget: { dataset: { id: sources[0].id } },
+          });
+          return;
+        }
 
-          setSources(sources);
-          setLoadingSources(false);
-        })
-        // silence the error
-        .catch(() => {
-          setShow(false);
-          setSources([]);
-          setLoadingSources(false);
-        });
-    } else {
-      setSources([]);
-      setLoadingSources(false);
-    }
-  }, [show]);
+        setSources(sources);
+        setLoadingSources(false);
+      })
+      // silence the error
+      .catch(() => {
+        setShow(false);
+        setSources([]);
+        setLoadingSources(false);
+      });
+  };
+
+  ipcRenderer.on(`select-capture-device:${service.id}`, (_event, data) => {
+    if (loadingSources) return;
+    showCaptureSources();
+    setTrackerId(data.trackerId);
+  });
 
   if (!show) {
     return null;

src/components/ui/FAB.tsx

@@ -36,7 +36,6 @@ class Button extends Component<IProps> {
     };
 
     return (
-      // eslint-disable-next-line @eslint-react/dom/no-missing-button-type
       <button {...buttonProps} type="button">
         {children}
       </button>

src/components/ui/SearchInput.tsx

@@ -82,7 +82,6 @@ class SearchInput extends Component<IProps, IState> {
 
     return (
       <div className={classnames([className, 'search-input'])}>
-        {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
         <label htmlFor={name}>
           <Icon icon={mdiMagnify} />
           <input

src/components/ui/button/index.tsx

@@ -223,7 +223,7 @@ class ButtonComponent extends Component<IProps, IState> {
     ) : (
       <button
         id={id}
-        // eslint-disable-next-line react/button-has-type, @eslint-react/dom/no-missing-button-type
+        // eslint-disable-next-line react/button-has-type
         type={type}
         onClick={onClick}
         className={classnames({