diff --git a/app/xrank/components/XTrendsPage.tsx b/app/xrank/components/XTrendsPage.tsx
index a05f6bab4..e7275a939 100644
--- a/app/xrank/components/XTrendsPage.tsx
+++ b/app/xrank/components/XTrendsPage.tsx
@@ -3,7 +3,7 @@ import { Trans } from "@lingui/macro";
 import ModeSelector from "components/common/ModeSelector";
 import HeaderBanner from "components/layout/HeaderBanner";
 import { useMyTheme } from "hooks/common";
-import { useXTrends } from "hooks/xtrends";
+import { useXTrends } from "../hooks/useXTrends";
 import { XTrends } from "../service";
 import TrendTier from "./TrendTier";
 
diff --git a/hooks/xtrends.ts b/app/xrank/hooks/useXTrends.ts
similarity index 95%
rename from hooks/xtrends.ts
rename to app/xrank/hooks/useXTrends.ts
index 02d88a750..78afa5e4a 100644
--- a/hooks/xtrends.ts
+++ b/app/xrank/hooks/useXTrends.ts
@@ -1,6 +1,6 @@
 import { RankedMode } from "@prisma/client";
+import { XTrends } from "app/xrank/service";
 import { getMonthOptions } from "pages/xsearch/[[...slug]]";
-import { GetXTrendsData } from "prisma/queries/getXTrends";
 import { Dispatch, useMemo, useReducer } from "react";
 
 interface XTrendsState {
@@ -22,7 +22,7 @@ type Action =
 
 export type XTrendsDispatch = Dispatch<Action>;
 
-export function useXTrends(trends: GetXTrendsData) {
+export function useXTrends(trends: XTrends) {
   const getLatestYear = () =>
     parseInt(Object.keys(trends).sort((a, b) => parseInt(b) - parseInt(a))[0]);
   const getLatestMonth = () =>