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-redirection.tsx b/src/utils/hooks/use-redirection.tsx
index 9eb26c2..5a677e2 100644
--- a/src/utils/hooks/use-redirection.tsx
+++ b/src/utils/hooks/use-redirection.tsx
@@ -22,12 +22,10 @@ export type UseRedirectionProps = {
  *
  * @param {UseRedirectionProps} props - The redirection parameters.
  */
-const useRedirection = ({ query, redirectTo }: UseRedirectionProps) => {
+export const useRedirection = ({ query, redirectTo }: UseRedirectionProps) => {
   const router = useRouter();
 
   useEffect(() => {
     if (router.query[query.param] === query.value) router.push(redirectTo);
   }, [query, redirectTo, router]);
 };
-
-export default useRedirection;