diff --git a/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx b/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx index 0c161d35..9538a0f3 100644 --- a/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx +++ b/src/features/MatchPopup/store/hooks/usePlayerClickHandler.tsx @@ -1,9 +1,11 @@ import type { MouseEvent } from 'react' -import { useState } from 'react' +import { useState, useEffect } from 'react' +import { useLocation } from 'react-router' import type { PlaylistOption } from 'features/MatchPage/types' export const usePlayerClickHandler = () => { + const { pathname } = useLocation() const [selectedPlaylist, setSelectedPlaylist] = useState() const handlePlaylistClick = (playlist: PlaylistOption, e?: MouseEvent) => { e?.stopPropagation() @@ -12,6 +14,10 @@ export const usePlayerClickHandler = () => { } } + useEffect(() => { + setSelectedPlaylist(undefined) + }, [pathname]) + return { handlePlaylistClick, selectedPlaylist,