react-use-rect - npm Package Compare versions

Comparing version 2.0.2 to 2.0.3-alpha.1

package.json

 {
   "name": "react-use-rect",
-  "version": "2.0.2",
+  "version": "2.0.3-alpha.1",
   "description": "Hook that is aiming to help you on tracking a DOM element boundaries",
@@ -5,0 +5,0 @@ "license": "MIT",

src/use-rect.ts

@@ -1,2 +0,2 @@
-import { useRef, useEffect, useCallback, useLayoutEffect } from 'react';
+import React from 'react';
 
@@ -43,9 +43,9 @@ export interface UseRect {
 ): Result {
-  const dispatchChangeRef = useRef(dispatchChange);
-  useEffect(() => {
+  const dispatchChangeRef = React.useRef(dispatchChange);
+  React.useEffect(() => {
     dispatchChangeRef.current = dispatchChange;
   }, [dispatchChange]);
 
-  const resizeRef = useRef(resize);
-  useEffect(() => {
+  const resizeRef = React.useRef(resize);
+  React.useEffect(() => {
     resizeRef.current = resize;
@@ -55,4 +55,4 @@ setupResizeObserver();
 
-  const elementRef = useRef<Element | null>(null);
-  const setElement = useCallback((element: Element | null) => {
+  const elementRef = React.useRef<Element | null>(null);
+  const setElement = React.useCallback((element: Element | null) => {
     if (element === elementRef.current) {
@@ -67,4 +67,4 @@ return;
 
-  const rectRef = useRef<Rect | null>(null);
-  const revalidate = useCallback(
+  const rectRef = React.useRef<Rect | null>(null);
+  const revalidate = React.useCallback(
     ({ force = false }: RevalidateOptions = {}) => {
@@ -96,4 +96,4 @@ if (!elementRef.current) {
 
-  const resizeObserverRef = useRef<ResizeObserver | null>(null);
-  const setupResizeObserver = useCallback(() => {
+  const resizeObserverRef = React.useRef<ResizeObserver | null>(null);
+  const setupResizeObserver = React.useCallback(() => {
     if (resizeObserverRef.current) {
@@ -134,2 +134,2 @@ resizeObserverRef.current.disconnect();
 const useIsomorphicLayoutEffect =
-  typeof window === 'undefined' ? useEffect : useLayoutEffect;
+  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;

src/use-window-on.ts

@@ -1,2 +0,2 @@
-import { useEffect, useRef } from 'react';
+import React from 'react';
 
@@ -11,8 +11,8 @@ export interface UseWindowOn<T extends keyof WindowEventMap> {
 ): void {
-  const callbackRef = useRef(callback);
-  useEffect(() => {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
     callbackRef.current = callback;
   });
 
-  useEffect(() => {
+  React.useEffect(() => {
     if (typeof window === undefined) {
@@ -19,0 +19,0 @@ return undefined;

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19822

1.61%

Lines of code

333

0.3%

Worsened metrics

Number of low quality alerts

2

100%

No dependency changes