fix: apply effect fix to hooks version of dragpreview

react-dnd · Mar 26, 2019 · fdf3cf3 · fdf3cf3
1 parent a608c5e
commit fdf3cf3
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/examples-hooks/src/02 Drag Around/Custom Drag Layer/BoxDragPreview.tsx b/packages/examples-hooks/src/02 Drag Around/Custom Drag Layer/BoxDragPreview.tsx
@@ -18,10 +18,13 @@ export interface BoxDragPreviewState {
 const BoxDragPreview: React.FC<BoxDragPreviewProps> = memo(({ title }) => {
 	const [tickTock, setTickTock] = useState(false)
 
-	useEffect(function subscribeToIntervalTick() {
-		const interval = setInterval(() => setTickTock(!tickTock), 500)
-		return () => clearInterval(interval)
-	}, [])
+	useEffect(
+		function subscribeToIntervalTick() {
+			const interval = setInterval(() => setTickTock(!tickTock), 500)
+			return () => clearInterval(interval)
+		},
+		[tickTock],
+	)
 
 	return (
 		<div style={styles}>