fix(web-ui): fixed infinite re-rendering loop caused by 'useInterval'

LooLzzz · Sep 27, 2024 · de58a1e · de58a1e
1 parent 1881f85
commit de58a1e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/docking-station-app/src/components/CardsManager/Card/index.tsx b/docking-station-app/src/components/CardsManager/Card/index.tsx
@@ -78,7 +78,8 @@ export default function Card({
   const loadingOverlayVisible = isLoadingParents || isPolling || isRefetching || isLoading
 
   const [seconds, setSeconds] = useState(0)
-  const interval = useInterval(() => setSeconds(s => s + 0.1), 100)
+  const advanceSeconds = useCallback(() => setSeconds(s => s + 0.1), [])
+  const interval = useInterval(advanceSeconds, 100)
   const [executionDetailsModalVisible, {
     open: executionDetailsModalOpen,
     close: executionDetailsModalClose,