diff --git a/web/src/component/Common.js b/web/src/component/Common.js
index e79cb0f..b40f702 100644
--- a/web/src/component/Common.js
+++ b/web/src/component/Common.js
@@ -1,3 +1,11 @@
+import { useMemo } from "react";
+import { useLocation } from "react-router-dom";
+
+export function useQuery() {
+  const { search } = useLocation();
+  return useMemo(() => new URLSearchParams(search), [search]);
+}
+
 export function CalcReadableFilesize(filesize) {
   if (filesize < 1024) {
     return filesize;
diff --git a/web/src/component/SearchFiles.js b/web/src/component/SearchFiles.js
index bbbc90d..69b7434 100644
--- a/web/src/component/SearchFiles.js
+++ b/web/src/component/SearchFiles.js
@@ -1,12 +1,8 @@
-import { useState, useEffect, useMemo } from "react";
-import { useLocation, useNavigate } from "react-router-dom";
+import { useState, useEffect } from "react";
+import { useNavigate } from "react-router-dom";
+import { useQuery } from "./Common";
 import FilesTable from "./FilesTable";
 
-function useQuery() {
-  const { search } = useLocation();
-  return useMemo(() => new URLSearchParams(search), [search]);
-}
-
 function SearchFiles(props) {
   const navigator = useNavigate();
   const [files, setFiles] = useState([]);