fix: types

pbr1111 · Sep 14, 2023 · f0ae229 · f0ae229
1 parent bddffc9
commit f0ae229
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/src/use-resize-observer-ref.ts b/src/use-resize-observer-ref.ts
@@ -1,7 +1,6 @@
 import {
     useRef,
     useCallback,
-    Ref,
     RefCallback,
     useLayoutEffect,
     useEffect
@@ -16,7 +15,7 @@ type ChangeCallback = (newSize: Size, oldSize: Size) => void;
 
 const useResizeObserverRef = <T extends Element>(
     onChange: ChangeCallback
-): Ref<T> => {
+): RefCallback<T> => {
     const animationFrameId = useRef<number>();
     const nodeRef = useRef<T | null>();
     const resizeObserverRef = useRef<ResizeObserver>();

diff --git a/src/use-resize-observer.ts b/src/use-resize-observer.ts
@@ -1,8 +1,8 @@
-import { useState, useMemo, Ref, useCallback } from 'react';
+import { useState, useMemo, RefCallback, useCallback } from 'react';
 import { useResizeObserverRef, Size } from './use-resize-observer-ref';
 
 type ResizeObserverObject<T> = {
-    ref: Ref<T>;
+    ref: RefCallback<T>;
 } & Size;
 
 const useResizeObserver = <T extends Element>(): ResizeObserverObject<T> => {

diff --git a/src/use-throttle-resize-observer.ts b/src/use-throttle-resize-observer.ts
@@ -1,8 +1,15 @@
-import { Ref, useState, useMemo, useEffect, useRef, useCallback } from 'react';
+import {
+    RefCallback,
+    useState,
+    useMemo,
+    useEffect,
+    useRef,
+    useCallback
+} from 'react';
 import { useResizeObserverRef, Size } from './use-resize-observer-ref';
 
 type ResizeObserverObject<T> = {
-    ref: Ref<T>;
+    ref: RefCallback<T>;
 } & Size;
 
 const useThrottleResizeObserver = <T extends Element>(