mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-06-06 20:15:17 +02:00
Merge pull request #956 from LikiosSedo/fix/spotlight-event-listener-leak
fix: use stable references for event listeners in Spotlight component
This commit is contained in:
commit
385826a862
1 changed files with 7 additions and 4 deletions
|
|
@ -48,14 +48,17 @@ export function Spotlight({
|
|||
useEffect(() => {
|
||||
if (!parentElement) return;
|
||||
|
||||
const handleEnter = () => setIsHovered(true);
|
||||
const handleLeave = () => setIsHovered(false);
|
||||
|
||||
parentElement.addEventListener("mousemove", handleMouseMove);
|
||||
parentElement.addEventListener("mouseenter", () => setIsHovered(true));
|
||||
parentElement.addEventListener("mouseleave", () => setIsHovered(false));
|
||||
parentElement.addEventListener("mouseenter", handleEnter);
|
||||
parentElement.addEventListener("mouseleave", handleLeave);
|
||||
|
||||
return () => {
|
||||
parentElement.removeEventListener("mousemove", handleMouseMove);
|
||||
parentElement.removeEventListener("mouseenter", () => setIsHovered(true));
|
||||
parentElement.removeEventListener("mouseleave", () => setIsHovered(false));
|
||||
parentElement.removeEventListener("mouseenter", handleEnter);
|
||||
parentElement.removeEventListener("mouseleave", handleLeave);
|
||||
};
|
||||
}, [parentElement, handleMouseMove]);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue