Refactor hooks to named exports

rhinolabs · Dec 5, 2024 · 6cd52ba · 6cd52ba
1 parent 6d19884
commit 6cd52ba
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/packages/hooks/src/hooks/useArray.ts b/packages/hooks/src/hooks/useArray.ts
@@ -1,6 +1,6 @@
 import { useState } from "react";
 
-export default function useArray<T>(initialArray: T[]) {
+export const useArray = <T>(initialArray: T[]) => {
 	const [array, setArray] = useState<T[]>(initialArray);
 
 	const push = (element: T) => {
@@ -39,4 +39,4 @@ export default function useArray<T>(initialArray: T[]) {
 		remove,
 		clear,
 	};
-}
+};
diff --git a/packages/hooks/src/hooks/useEventListener.ts b/packages/hooks/src/hooks/useEventListener.ts
@@ -1,14 +1,14 @@
 import { useEffect, useRef } from "react";
 
-export default function useEventListener(
+export const useEventListener = (
 	eventName: string,
 	callback: EventListener,
 	element:
 		| HTMLElement
 		| (Window & typeof globalThis)
 		| Document
 		| null = window,
-) {
+) => {
 	const callbackRef = useRef<EventListener>(callback);
 
 	useEffect(() => {
@@ -28,4 +28,4 @@ export default function useEventListener(
 			element.removeEventListener(eventName, eventListener);
 		};
 	}, [eventName, element]);
-}
+};
diff --git a/packages/hooks/src/hooks/useGeolocation.ts b/packages/hooks/src/hooks/useGeolocation.ts
@@ -5,7 +5,7 @@ interface Payload {
 	lng: number;
 }
 
-export function useGeolocation(defaultPosition: Payload | null = null) {
+export const useGeolocation = (defaultPosition: Payload | null = null) => {
 	const [isLoading, setIsLoading] = useState<boolean>(false);
 	const [position, setPosition] = useState<Payload | null>(defaultPosition);
 	const [error, setError] = useState<string | null>(null);
@@ -33,4 +33,4 @@ export function useGeolocation(defaultPosition: Payload | null = null) {
 	}
 
 	return { isLoading, position, error, getPosition };
-}
+};
diff --git a/packages/hooks/src/hooks/useOnScreen.ts b/packages/hooks/src/hooks/useOnScreen.ts
@@ -1,6 +1,6 @@
 import { type RefObject, useEffect, useState } from "react";
 
-export default function useOnScreen(
+export function useOnScreen(
 	ref: RefObject<Element>,
 	rootMargin = "0px",
 ): boolean {

diff --git a/packages/hooks/src/hooks/usePrevious.ts b/packages/hooks/src/hooks/usePrevious.ts
@@ -1,6 +1,6 @@
 import { useRef } from "react";
 
-export default function usePrevious<T>(value: T): T | undefined {
+export const usePrevious = <T>(value: T): T | undefined => {
 	const currentRef = useRef<T>(value);
 	const previousRef = useRef<T>();
 
@@ -10,4 +10,4 @@ export default function usePrevious<T>(value: T): T | undefined {
 	}
 
 	return previousRef.current;
-}
+};