diff --git a/packages/studio/src/components/editor/LayersPanel.tsx b/packages/studio/src/components/editor/LayersPanel.tsx index 3484c3ac7..52ecaa8a4 100644 --- a/packages/studio/src/components/editor/LayersPanel.tsx +++ b/packages/studio/src/components/editor/LayersPanel.tsx @@ -103,13 +103,6 @@ export const LayersPanel = memo(function LayersPanel() { } }, [compositionLoading, collectLayers]); - useEffect(() => { - const ref = hoverSeekTimerRef; - return () => { - if (ref.current) clearTimeout(ref.current); - }; - }, []); - const resolveSelection = useCallback( (layer: DomEditLayerItem) => resolveDomEditSelection(layer.element, { @@ -120,8 +113,6 @@ export const LayersPanel = memo(function LayersPanel() { [activeCompPath, isMasterView], ); - const hoverSeekTimerRef = useRef | null>(null); - const seekToLayer = useCallback( (layer: DomEditLayerItem) => { const selection = resolveSelection(layer); @@ -169,17 +160,13 @@ export const LayersPanel = memo(function LayersPanel() { const handleLayerHover = useCallback( (layer: DomEditLayerItem | null) => { if (!layer) { - if (hoverSeekTimerRef.current) clearTimeout(hoverSeekTimerRef.current); updateDomEditHoverSelection(null); return; } const selection = resolveSelection(layer); updateDomEditHoverSelection(selection); - // Debounce hover seeks so brushing past items doesn't thrash the player - if (hoverSeekTimerRef.current) clearTimeout(hoverSeekTimerRef.current); - hoverSeekTimerRef.current = setTimeout(() => seekToLayer(layer), 300); }, - [resolveSelection, updateDomEditHoverSelection, seekToLayer], + [resolveSelection, updateDomEditHoverSelection], ); const toggleCollapse = useCallback((key: string, e: React.MouseEvent) => {