javascript/rive-react
1
0
Fork 0
mirror of https://github.com/rive-app/rive-react.git synced 2026-03-13 08:22:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix recursive useEffect call

Browse Source
This commit is contained in:
Zach Plata
2023-05-26 14:22:27 -05:00
committed by Zachary Plata
parent 2c82fa04e7
commit 33760042d1
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/hooks/useResizeCanvas.ts
View File

@@ -62,6 +62,8 @@ export default function useResizeCanvas({
);
const currentDevicePixelRatio = useDevicePixelRatio();
const { maxX, maxY } = artboardBounds ?? {};
const getCanvasDimensions = useCallback(() => {
const width = containerRef.current?.clientWidth ?? 0;
const height = containerRef.current?.clientHeight ?? 0;
@@ -73,7 +75,7 @@ export default function useResizeCanvas({
width,
height,
};
}, [containerRef, fitCanvasToArtboardHeight, artboardBounds]);
}, [containerRef, fitCanvasToArtboardHeight, maxX, maxY]);
useEffect(() => {
if (
@@ -131,7 +133,7 @@ export default function useResizeCanvas({
if (onCanvasHasResized && (isFirstSizing || hasResized)) {
onCanvasHasResized && onCanvasHasResized();
}
setIsFirstSizing(false);
isFirstSizing && setIsFirstSizing(false);
}, [
canvasRef,
containerRef,