Skip to content

Commit a85db0b

Browse files
SBoudriasZeeCoder
authored andcommitted
Feat: Allow to define the default width/height
1 parent e2e1432 commit a85db0b

File tree

2 files changed

+8
-6
lines changed

2 files changed

+8
-6
lines changed

index.d.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
// Type definitions for use-resize-observer
22
// Project: use-resize-observer
33

4-
import { RefObject } from 'react';
5-
6-
export default function useResizeObserver(): [RefObject<HTMLElement>, number, number];
4+
import { RefObject } from "react";
75

6+
export default function useResizeObserver(
7+
defaultWidth?: number,
8+
defaultHeight?: number
9+
): [RefObject<HTMLElement>, number, number];

src/index.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import { useEffect, useState, useRef } from "react";
22
import ResizeObserver from "resize-observer-polyfill";
33

4-
export default function() {
4+
export default function(defaultWidth = 1, defaultHeight = 1) {
55
const ref = useRef();
6-
const [width, changeWidth] = useState(1);
7-
const [height, changeHeight] = useState(1);
6+
const [width, changeWidth] = useState(defaultWidth);
7+
const [height, changeHeight] = useState(defaultHeight);
88

99
useEffect(() => {
1010
const element = ref.current;

0 commit comments

Comments
 (0)