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, 6 insertions, 5 deletions

diff --git a/src/utils/hooks/use-pagination.tsx b/src/utils/hooks/use-pagination.tsx
index f47a674..706e656 100644
--- a/src/utils/hooks/use-pagination.tsx
+++ b/src/utils/hooks/use-pagination.tsx
@@ -1,6 +1,9 @@
 import useSWRInfinite, { SWRInfiniteKeyLoader } from 'swr/infinite';
-import { GraphQLEdgesInput } from '../../types/graphql/generics';
-import { EdgesResponse, Search } from '../../types/graphql/queries';
+import {
+  type EdgesResponse,
+  type GraphQLEdgesInput,
+  type Search,
+} from '../../types';
 
 export type UsePaginationProps<T> = {
   /**
@@ -66,7 +69,7 @@ export type UsePaginationReturn<T> = {
  * @param {UsePaginationProps} props - The pagination configuration.
  * @returns {UsePaginationReturn} An object with pagination data and helpers.
  */
-const usePagination = <T extends object>({
+export const usePagination = <T extends object>({
   fallbackData,
   fetcher,
   perPage,
@@ -114,5 +117,3 @@ const usePagination = <T extends object>({
     setSize,
   };
 };
-
-export default usePagination;