Add type declaration

Author: tylermcginnis

index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 
 export type BatteryManager = {
   supported: boolean;
@@ -7,7 +7,7 @@ export type BatteryManager = {
   charging: boolean | null;
   chargingTime: number | null;
   dischargingTime: number | null;
-}
+};
 
 export type GeolocationState = {
   loading: boolean;
@@ -20,7 +20,7 @@ export type GeolocationState = {
   speed: number | null;
   timestamp: number | null;
   error: GeolocationPositionError | null;
-}
+};
 
 export type HistoryState<T> = {
   state: T;
@@ -30,22 +30,22 @@ export type HistoryState<T> = {
   clear: () => void;
   canUndo: boolean;
   canRedo: boolean;
-}
+};
 
 export type LongPressOptions = {
   threshold?: number;
   onStart?: (e: Event) => void;
   onFinish?: (e: Event) => void;
   onCancel?: (e: Event) => void;
-}
+};
 
 export type LongPressFns = {
   onMouseDown: (e: React.MouseEvent) => void;
   onMouseUp: (e: React.MouseEvent) => void;
   onMouseLeave: (e: React.MouseEvent) => void;
   onTouchStart: (e: React.TouchEvent) => void;
   onTouchEnd: (e: React.TouchEvent) => void;
-}
+};
 
 export type MousePosition = {
   x: number;
@@ -54,7 +54,7 @@ export type MousePosition = {
   elementY: number;
   elementPositionX: number;
   elementPositionY: number;
-}
+};
 
 export type NetworkState = {
   online: boolean;
@@ -64,7 +64,7 @@ export type NetworkState = {
   rtt: number | null;
   saveData: boolean | null;
   type: string | null;
-}
+};
 
 export type CustomList<T> = {
   set: (l: T[]) => void;
@@ -73,7 +73,7 @@ export type CustomList<T> = {
   insertAt: (index: number, element: T) => void;
   updateAt: (index: number, element: T) => void;
   clear: () => void;
-}
+};
 
 export type CustomQueue<T> = {
   add: (element: T) => void;
@@ -82,14 +82,14 @@ export type CustomQueue<T> = {
   first: T | undefined;
   last: T | undefined;
   size: number;
-}
+};
 
 export type RenderInfo = {
   name: string;
   renders: number;
   sinceLastRender: number;
   timestamp: number;
-}
+};
 
 export type SpeechOptions = {
   lang?: string;
@@ -100,7 +100,7 @@ export type SpeechOptions = {
   rate?: number;
   pitch?: number;
   volume?: number;
-}
+};
 
 export type SpeechState = {
   isPlaying: boolean;
@@ -113,13 +113,14 @@ export type SpeechState = {
   rate: number;
   pitch: number;
   volume: number;
-}
-
-declare module '@uidotdev/usehooks' {
+};
 
+declare module "@uidotdev/usehooks" {
   export function useBattery(): BatteryManager;
 
-  export function useClickAway<T extends Element>(cb: (e: Event) => void): React.MutableRefObject<T>;
+  export function useClickAway<T extends Element>(
+    cb: (e: Event) => void
+  ): React.MutableRefObject<T>;
 
   export function useCopyToClipboard(): [
     {
@@ -147,7 +148,10 @@ declare module '@uidotdev/usehooks' {
 
   export function useDebounce<T>(value: T, delay: number): T;
 
-  export function useDefault<T>(initialValue: T, defaultValue: T): [T, React.Dispatch<React.SetStateAction<T>>];
+  export function useDefault<T>(
+    initialValue: T,
+    defaultValue: T
+  ): [T, React.Dispatch<React.SetStateAction<T>>];
 
   export function useDocumentTitle(title: string): void;
 
@@ -157,14 +161,16 @@ declare module '@uidotdev/usehooks' {
 
   export function useHistoryState<T>(initialPresent?: T): HistoryState<T>;
 
-  export function useHover<T extends Element>(): [React.MutableRefObject<T>, boolean];
+  export function useHover<T extends Element>(): [
+    React.MutableRefObject<T>,
+    boolean
+  ];
 
   export function useIdle(ms?: number): boolean;
 
-  export function useIntersectionObserver(options?: IntersectionObserverInit): [
-    React.MutableRefObject<Element>,
-    IntersectionObserverEntry | null
-  ];
+  export function useIntersectionObserver(
+    options?: IntersectionObserverInit
+  ): [React.MutableRefObject<Element>, IntersectionObserverEntry | null];
 
   export function useIsClient(): boolean;
 
@@ -174,9 +180,12 @@ declare module '@uidotdev/usehooks' {
 
   export function useLockBodyScroll(): void;
 
-  export function useLongPress(callback: (e: Event) => void, options?: LongPressOptions): LongPressFns;
+  export function useLongPress(
+    callback: (e: Event) => void,
+    options?: LongPressOptions
+  ): LongPressFns;
 
-  export function useMap<T>(initialState?: T): Map<T>;
+  export function useMap<T>(initialState?: T): Map<T, any>;
 
   export function useMeasure<T extends Element>(): [
     React.MutableRefObject<T>,
@@ -188,7 +197,10 @@ declare module '@uidotdev/usehooks' {
 
   export function useMediaQuery(query: string): boolean;
 
-  export function useMouse<T extends Element>(): [MousePosition, React.MutableRefObject<T>];
+  export function useMouse<T extends Element>(): [
+    MousePosition,
+    React.MutableRefObject<T>
+  ];
 
   export function useNetworkState(): NetworkState;
 
@@ -209,17 +221,22 @@ declare module '@uidotdev/usehooks' {
 
   export function useRenderInfo(name?: string): RenderInfo | undefined;
 
-  export function useScript(src: string, options?: {
-    removeOnUnmount?: boolean;
-  }): "idle" | "loading" | "ready" | "error";
+  export function useScript(
+    src: string,
+    options?: {
+      removeOnUnmount?: boolean;
+    }
+  ): "idle" | "loading" | "ready" | "error";
 
   export function useSet<T>(values?: T[]): Set<T>;
 
   export function useSpeech(text: string, options?: SpeechOptions): SpeechState;
 
   export function useThrottle<T>(value: T, delay: number): T;
 
-  export function useToggle(initialValue?: boolean): [boolean, (newValue?: boolean) => void];
+  export function useToggle(
+    initialValue?: boolean
+  ): [boolean, (newValue?: boolean) => void];
 
   export function useVisibilityChange(): boolean;
 

index.js

@@ -45,17 +45,17 @@ export function useBattery() {
     level: null,
     charging: null,
     chargingTime: null,
-    dischargingTime: null
+    dischargingTime: null,
   });
 
   React.useEffect(() => {
     if (!navigator.getBattery) {
       setState((s) => ({
         ...s,
         supported: false,
-        loading: false
+        loading: false,
       }));
-      return
+      return;
     }
 
     let battery = null;
@@ -67,7 +67,7 @@ export function useBattery() {
         level: battery.level,
         charging: battery.charging,
         chargingTime: battery.chargingTime,
-        dischargingTime: battery.dischargingTime
+        dischargingTime: battery.dischargingTime,
       });
     };
 
@@ -125,28 +125,28 @@ export function useClickAway(cb) {
 export function useCopyToClipboard() {
   const [state, setState] = React.useState({
     error: null,
-    text: null
+    text: null,
   });
 
   const copyToClipboard = React.useCallback(async (value) => {
     if (!navigator?.clipboard) {
       return setState({
         error: new Error("Clipboard not supported"),
-        text: null
+        text: null,
       });
     }
 
     const handleSuccess = () => {
       setState({
         error: null,
-        text: value
+        text: value,
       });
     };
 
     const handleFailure = (e) => {
       setState({
         error: e,
-        text: null
+        text: null,
       });
     };
 
@@ -221,8 +221,8 @@ export function useCounter(startingValue = 0, options = {}) {
       increment,
       decrement,
       set,
-      reset
-    }
+      reset,
+    },
   ];
 }
 
@@ -372,7 +372,7 @@ const useHistoryStateReducer = (state, action) => {
   }
 };
 
-export function useHistoryState (initialPresent = {}) {
+export function useHistoryState(initialPresent = {}) {
   const initialPresentRef = React.useRef(initialPresent);
 
   const [state, dispatch] = React.useReducer(useHistoryStateReducer, {
@@ -407,7 +407,7 @@ export function useHistoryState (initialPresent = {}) {
   );
 
   return { state: state.present, set, undo, redo, clear, canUndo, canRedo };
-};
+}
 
 export function useHover() {
   const [hovering, setHovering] = React.useState(false);
@@ -749,7 +749,7 @@ export function useMouse() {
     elementX: 0,
     elementY: 0,
     elementPositionX: 0,
-    elementPositionY: 0
+    elementPositionY: 0,
   });
 
   const ref = React.useRef(null);
@@ -758,7 +758,7 @@ export function useMouse() {
     const handleMouseMove = (event) => {
       let newState = {
         x: event.pageX,
-        y: event.pageY
+        y: event.pageY,
       };
 
       if (ref.current instanceof HTMLElement) {
@@ -779,7 +779,7 @@ export function useMouse() {
       setState((s) => {
         return {
           ...s,
-          ...newState
+          ...newState,
         };
       });
     };
@@ -900,7 +900,7 @@ export function useOrientation() {
       handleChange();
       window.screen.orientation.addEventListener("change", handleChange);
     } else {
-      handle_orientationchange()
+      handle_orientationchange();
       window.addEventListener("orientationchange", handle_orientationchange);
     }
 
@@ -933,7 +933,11 @@ const getPreferredLanguageServerSnapshot = () => {
 };
 
 export function usePreferredLanguage() {
-  return React.useSyncExternalStore(usePreferredLanguageSubscribe, getPreferredLanguageSnapshot, getPreferredLanguageServerSnapshot);
+  return React.useSyncExternalStore(
+    usePreferredLanguageSubscribe,
+    getPreferredLanguageSnapshot,
+    getPreferredLanguageServerSnapshot
+  );
 }
 
 export function usePrevious(newValue) {
@@ -975,7 +979,7 @@ export function useQueue(initialValue = []) {
     first: queue[0],
     last: queue[queue.length - 1],
     size: queue.length,
-    queue
+    queue,
   };
 }
 
@@ -1210,7 +1214,7 @@ export function useVisibilityChange() {
         setDocumentVisibility(true);
       }
     };
-    handleChange()
+    handleChange();
 
     document.addEventListener("visibilitychange", handleChange);