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

diff --git a/src/utils/hooks/use-comments.tsx b/src/utils/hooks/use-comments.tsx
index 8281a86..6ac3d42 100644
--- a/src/utils/hooks/use-comments.tsx
+++ b/src/utils/hooks/use-comments.tsx
@@ -1,6 +1,6 @@
 import useSWR from 'swr';
-import { getAllComments } from '../../services/graphql/comments';
-import { SingleComment } from '../../types/app';
+import { getAllComments } from '../../services/graphql';
+import { SingleComment } from '../../types';
 
 export type UseCommentsConfig = {
   contentId?: string | number;
@@ -13,13 +13,11 @@ export type UseCommentsConfig = {
  * @param {string | number} contentId - A page/article id.
  * @returns {SingleComment[]|undefined}
  */
-const useComments = ({
+export const useComments = ({
   contentId,
   fallback,
 }: UseCommentsConfig): SingleComment[] | undefined => {
   const { data } = useSWR(contentId ? { contentId } : null, getAllComments);
 
-  return data || fallback;
+  return data ?? fallback;
 };
-
-export default useComments;