refactor: use named export for everything except pages

Next expect a default export for pages so only those components should
use default exports. Everything else should use named exports to
reduce the number of import statements.

1 files changed, 1 insertions, 3 deletions

diff --git a/src/utils/hooks/use-route-change.tsx b/src/utils/hooks/use-route-change.tsx
index 82e01a1..2eff6e9 100644
--- a/src/utils/hooks/use-route-change.tsx
+++ b/src/utils/hooks/use-route-change.tsx
@@ -1,12 +1,10 @@
 import { useRouter } from 'next/router';
 import { useEffect } from 'react';
 
-const useRouteChange = (callback: () => void) => {
+export const useRouteChange = (callback: () => void) => {
   const { events } = useRouter();
 
   useEffect(() => {
     events.on('routeChangeStart', callback);
   }, [events, callback]);
 };
-
-export default useRouteChange;