@diana-ui/hooks
Advanced tools
Comparing version 0.1.27 to 0.1.28
@@ -7,1 +7,2 @@ export { default as useInfiniteScrollList } from "./useInfiniteScrollList"; | ||
export { useWindowSize } from "./useWindowSize"; | ||
export { useScroll } from "./useScroll"; |
@@ -7,1 +7,2 @@ export { default as useInfiniteScrollList } from "./useInfiniteScrollList"; | ||
export { useWindowSize } from "./useWindowSize"; | ||
export { useScroll } from "./useScroll"; |
@@ -1,4 +0,4 @@ | ||
import { useState, useEffect } from "react"; | ||
import { useMemo, useState, useEffect } from "react"; | ||
export function useScroll(element) { | ||
var scrollingElement = element || document.getElementById("root") || document.body; | ||
var scrollingElement = useMemo(function () { return element || document.getElementById("root") || document.body; }, [element]); | ||
var _a = useState(0), lastScrollTop = _a[0], setLastScrollTop = _a[1]; | ||
@@ -5,0 +5,0 @@ var _b = useState(scrollingElement.scrollTop), scrollY = _b[0], setScrollY = _b[1]; |
@@ -7,1 +7,2 @@ export { default as useInfiniteScrollList } from "./useInfiniteScrollList"; | ||
export { useWindowSize } from "./useWindowSize"; | ||
export { useScroll } from "./useScroll"; |
@@ -7,1 +7,2 @@ export { default as useInfiniteScrollList } from "./useInfiniteScrollList"; | ||
export { useWindowSize } from "./useWindowSize"; | ||
export { useScroll } from "./useScroll"; |
@@ -1,4 +0,4 @@ | ||
import { useState, useEffect } from "react"; | ||
import { useMemo, useState, useEffect } from "react"; | ||
export function useScroll(element) { | ||
const scrollingElement = element || document.getElementById("root") || document.body; | ||
const scrollingElement = useMemo(() => element || document.getElementById("root") || document.body, [element]); | ||
const [lastScrollTop, setLastScrollTop] = useState(0); | ||
@@ -5,0 +5,0 @@ const [scrollY, setScrollY] = useState(scrollingElement.scrollTop); |
{ | ||
"name": "@diana-ui/hooks", | ||
"version": "0.1.27", | ||
"version": "0.1.28", | ||
"main": "lib/index.js", | ||
@@ -45,3 +45,3 @@ "module": "module/index.js", | ||
}, | ||
"gitHead": "5cdc36d12b9c7db86095d2ee1b51f0a3d234e7b1" | ||
"gitHead": "bc40ebb525c371060595850889c25165acce960f" | ||
} |
19360
405