diff --git a/web/src/utils/hooks/index.ts b/web/src/utils/hooks/index.ts
new file mode 100644
index 0000000..bb694d1
--- /dev/null
+++ b/web/src/utils/hooks/index.ts
@@ -0,0 +1,2 @@
+export * from './usePrompt'
+export * from './useStateWithCallback'
diff --git a/web/src/utils/usePrompt.ts b/web/src/utils/hooks/usePrompt.ts
similarity index 86%
rename from web/src/utils/usePrompt.ts
rename to web/src/utils/hooks/usePrompt.ts
index 8c2676c..8c3cece 100644
--- a/web/src/utils/usePrompt.ts
+++ b/web/src/utils/hooks/usePrompt.ts
@@ -2,7 +2,7 @@ import { useEffect, useCallback, useContext } from 'react'
 import { UNSAFE_NavigationContext as NavigationContext } from 'react-router-dom'
 import { History, Blocker, Transition } from 'history'
 
-function useBlocker(blocker: Blocker, when = true) {
+const useBlocker = (blocker: Blocker, when = true) => {
   const navigator = useContext(NavigationContext).navigator as History
 
   useEffect(() => {
@@ -24,7 +24,7 @@ function useBlocker(blocker: Blocker, when = true) {
   }, [navigator, blocker, when])
 }
 
-export default function usePrompt(message: string, when = true) {
+export const usePrompt = (message: string, when = true) => {
   const blocker = useCallback(
     (tx) => {
       if (window.confirm(message)) tx.retry()