@os-design/use-resize-observer 1.0.32 → 1.0.34

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 import { type RefObject } from 'react';
-declare const useResizeObserver: (target: RefObject<Element> | Element | null, listener: ResizeObserverCallback) => void;
+declare const useResizeObserver: (target: RefObject<Element | null> | Element | null, listener: ResizeObserverCallback) => void;
 export default useResizeObserver;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG1D,QAAA,MAAM,iBAAiB,GACrB,QAAQ,SAAS,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,IAAI,EAC3C,UAAU,sBAAsB,KAC/B,IA2BF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAG1D,QAAA,MAAM,iBAAiB,GACrB,QAAQ,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,EAClD,UAAU,sBAAsB,KAC/B,IA2BF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/index.js

@@ -2,7 +2,7 @@ import useBrowserLayoutEffect from '@os-design/use-browser-layout-effect';
 import { useEffect, useRef } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 const useResizeObserver = (target, listener) => {
-  const listenerRef = useRef();
+  const listenerRef = useRef(undefined);
   useEffect(() => {
     listenerRef.current = listener;
   }, [listener]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-resize-observer",
-  "version": "1.0.32",
+  "version": "1.0.34",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -19,21 +19,21 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "clean": "rimraf dist",
+    "clean": "rm -r dist",
     "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts,.tsx --out-dir dist",
     "build:types": "tsc -p tsconfig.build.json --emitDeclarationOnly --declaration --declarationDir dist",
     "build": "yarn clean && npm-run-all 'build:*'",
-    "ncu": "ncu -u '/^(?!(react|@types/react)$).*$/'"
+    "ncu": "ncu -u"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@os-design/use-browser-layout-effect": "^1.0.28",
+    "@os-design/use-browser-layout-effect": "^1.0.30",
     "resize-observer-polyfill": "^1.5.1"
   },
   "peerDependencies": {
-    "react": "18"
+    "react": "19"
   },
-  "gitHead": "7a2aee283bdbdba8ba69a3212769ad321beaaed2"
+  "gitHead": "83ca5af2bb91d07d64440f87b7ab23f5100daa02"
 }

package/src/index.mdx

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 import UseResizeObserverExample from './index.example';
 
 <Meta title='Utils/useResizeObserver' />

package/src/index.ts

@@ -3,10 +3,10 @@ import { type RefObject, useEffect, useRef } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 
 const useResizeObserver = (
-  target: RefObject<Element> | Element | null,
+  target: RefObject<Element | null> | Element | null,
   listener: ResizeObserverCallback
 ): void => {
-  const listenerRef = useRef<ResizeObserverCallback>();
+  const listenerRef = useRef<ResizeObserverCallback>(undefined);
 
   useEffect(() => {
     listenerRef.current = listener;