diff --git a/app/hooks/isMobile.tsx b/app/hooks/isMobile.tsx
index 478d4186..565e3c0b 100644
--- a/app/hooks/isMobile.tsx
+++ b/app/hooks/isMobile.tsx
@@ -1,6 +1,6 @@
 import {useState, useEffect} from 'react'
 
-export default function isMobile() {
+export default function useIsMobile() {
   const mobileWidth = 640
   const [windowWidth, setWindowWidth] = useState<number>(0)
 
diff --git a/app/routes/tags.$.tsx b/app/routes/tags.$.tsx
index 1677b191..b2617700 100644
--- a/app/routes/tags.$.tsx
+++ b/app/routes/tags.$.tsx
@@ -5,7 +5,7 @@ import ListTable from '~/components/Table'
 import {loader} from '~/routes/tags.all'
 import {CategoriesNav} from '~/components/CategoriesNav/Menu'
 import type {Tag as TagType} from '~/server-utils/stampy'
-import isMobile from '~/hooks/isMobile'
+import useIsMobile from '~/hooks/isMobile'
 export {loader}
 
 export const sortFuncs = {
@@ -15,7 +15,7 @@ export const sortFuncs = {
 }
 
 export default function Tags() {
-  const mobile = isMobile()
+  const mobile = useIsMobile()
   const {data} = useLoaderData<ReturnType<typeof loader>>()
   const {currentTag, tags} = data
   const [selectedTag, setSelectedTag] = useState<TagType | null>(null)