diff --git a/web/hooks/create-storage-hook/index.ts b/web/hooks/create-storage-hook.ts
similarity index 99%
rename from web/hooks/create-storage-hook/index.ts
rename to web/hooks/create-storage-hook.ts
index aac7cf23f3..fe88b387b1 100644
--- a/web/hooks/create-storage-hook/index.ts
+++ b/web/hooks/create-storage-hook.ts
@@ -1,7 +1,7 @@
 /* eslint-disable react/component-hook-factories -- Mirrors foxact's storage hook factory shape. */
 import type { Dispatch, SetStateAction } from 'react'
 import { useCallback, useEffect, useLayoutEffect as useLayoutEffectFromReact, useMemo, useSyncExternalStore } from 'react'
-import { noop } from '../noop'
+import { noop } from './noop'
 import 'client-only'
 
 /*
diff --git a/web/hooks/use-local-storage/index.ts b/web/hooks/use-local-storage.ts
similarity index 88%
rename from web/hooks/use-local-storage/index.ts
rename to web/hooks/use-local-storage.ts
index 8e3f828251..30ef7cd6e0 100644
--- a/web/hooks/use-local-storage/index.ts
+++ b/web/hooks/use-local-storage.ts
@@ -3,8 +3,8 @@ import type {
   Serializer,
   UseStorageParserOption,
   UseStorageRawOption,
-} from '../create-storage-hook'
-import { createStorage } from '../create-storage-hook'
+} from './create-storage-hook'
+import { createStorage } from './create-storage-hook'
 import 'client-only'
 
 export type UseLocalStorageRawOption = UseStorageRawOption