diff --git a/optuna_dashboard/ts/queryUtil.ts b/optuna_dashboard/ts/queryUtil.ts
new file mode 100644
index 00000000..e4737c0b
--- /dev/null
+++ b/optuna_dashboard/ts/queryUtil.ts
@@ -0,0 +1,7 @@
+import { useLocation } from "react-router-dom"
+import { useMemo } from "react"
+
+export const useQuery = (): URLSearchParams => {
+  const { search } = useLocation()
+  return useMemo(() => new URLSearchParams(search), [search])
+}