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

diff --git a/src/utils/hooks/use-local-storage.tsx b/src/utils/hooks/use-local-storage.tsx
index 1809e07..0f9fbb6 100644
--- a/src/utils/hooks/use-local-storage.tsx
+++ b/src/utils/hooks/use-local-storage.tsx
@@ -13,14 +13,14 @@ export type UseLocalStorageReturn<T> = {
  * @param {T} [fallbackValue] - A fallback value if local storage is empty.
  * @returns {UseLocalStorageReturn<T>} An object with value and setValue.
  */
-const useLocalStorage = <T extends unknown>(
+export const useLocalStorage = <T,>(
   key: string,
   fallbackValue: T
 ): UseLocalStorageReturn<T> => {
   const getInitialValue = () => {
     if (typeof window === 'undefined') return fallbackValue;
     const storedValue = LocalStorage.get<T>(key);
-    return storedValue || fallbackValue;
+    return storedValue ?? fallbackValue;
   };
 
   const [value, setValue] = useState<T>(getInitialValue);
@@ -31,5 +31,3 @@ const useLocalStorage = <T extends unknown>(
 
   return { value, setValue };
 };
-
-export default useLocalStorage;