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-state-change.tsx b/src/utils/hooks/use-state-change.tsx
index 063fb8e..59ae0df 100644
--- a/src/utils/hooks/use-state-change.tsx
+++ b/src/utils/hooks/use-state-change.tsx
@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react';
  * @param initial - The initial value.
  * @returns The state and a setter.
  */
-const useStateChange = <T,>(initial: T) => {
+export const useStateChange = <T,>(initial: T) => {
   const [state, setState] = useState<T>(initial);
 
   useEffect(() => {
@@ -15,5 +15,3 @@ const useStateChange = <T,>(initial: T) => {
 
   return [state, setState] as const;
 };
-
-export default useStateChange;