⚡ Use useCallback for getMediaInfo

MuelNova · Oct 25, 2024 · 5da292c · 5da292c
1 parent 8f4248f
commit 5da292c
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/Media/index.tsx b/src/components/Media/index.tsx
@@ -1,12 +1,12 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useCallback } from "react";
 import { useProvider } from "../../hooks";
 import styles from "./Media.module.scss";
 
 const Media = () => {
   const output = useProvider("glazewm");
   const [mediaTitle, setMediaTitle] = useState("");
 
-  const getMediaInfo = () => {
+  const getMediaInfo = useCallback(() => {
     for (const workspace of output?.allWorkspaces || []) {
       for (const window of workspace.children) {
         if (window.type === "window" && window.processName === "Spotify") {
@@ -15,11 +15,11 @@ const Media = () => {
       }
     }
     return "";
-  };
+  }, [output]);
 
   useEffect(() => {
     setMediaTitle(getMediaInfo());
-  }, [output]);
+  }, [getMediaInfo]);
 
   return (
     mediaTitle !== "" && (