diff --git a/src/app/providers/ContextMenuProvider.tsx b/src/app/providers/ContextMenuProvider.tsx index add2f8c..f3c1020 100644 --- a/src/app/providers/ContextMenuProvider.tsx +++ b/src/app/providers/ContextMenuProvider.tsx @@ -20,7 +20,7 @@ const Menu: Component = () => { return () => { window.removeEventListener("click", handleClick); }; - }, [hide, shouldShow]); + }, [handleClick]); return (
item.key === filter); + return ( - = ({ data }) => { {data.videos && (
- {data.videos.map((video) => { - return

{video.title}

; - })} + {data.videos.map((video) => ( +

{video.title}

+ ))}
)}
diff --git a/src/app/results/Search.tsx b/src/app/results/Search.tsx index 0f2ff65..422b421 100644 --- a/src/app/results/Search.tsx +++ b/src/app/results/Search.tsx @@ -68,14 +68,14 @@ export const Search: Component = () => { (filter: SearchType) => { searchFor(query, filter); }, - [query] + [query, searchFor] ); const handleUserReachedPageEnd = useCallback( (visiblity: boolean) => { if (visiblity && !isFetchingNextPage) fetchNextPage(); }, - [hasNextPage, isFetchingNextPage] + [hasNextPage, isFetchingNextPage, fetchNextPage] ); return ( diff --git a/src/app/trending/Trending.tsx b/src/app/trending/Trending.tsx index 20516b3..c8e901f 100644 --- a/src/app/trending/Trending.tsx +++ b/src/app/trending/Trending.tsx @@ -59,7 +59,7 @@ export const Trending: Component = ({}) => { ); return null; - }, [data]); + }, [data, region]); const error: Error | null = regionError ?? fetchError ?? noDataError ?? null; diff --git a/src/components/Search.tsx b/src/components/Search.tsx index 3fa8d99..5bbb0b9 100644 --- a/src/components/Search.tsx +++ b/src/components/Search.tsx @@ -30,9 +30,9 @@ export const Search: Component<{ } }); - const submit = useCallback((query: string) => { + const submit = (query: string) => { searchFor(query); - }, []); + }; const suggestions = useMemo( () =>