@etsoo/react 1.8.48 → 1.8.50

package/lib/cjs/components/ScrollerList.js

@@ -30,8 +30,8 @@ const ScrollerList = (props) => {
         display: "inline-block"
     });
     // Refs
-    const listRef = react_1.default.useRef();
-    const outerRef = react_1.default.useRef();
+    const listRef = react_1.default.useRef(null);
+    const outerRef = react_1.default.useRef(null);
     const refs = (0, useCombinedRefs_1.useCombinedRefs)(oRef, outerRef);
     // Rows
     const [rows, updateRows] = react_1.default.useState([]);

package/lib/cjs/uses/useAsyncState.js

@@ -14,7 +14,7 @@ function useAsyncState(initialState) {
     // State
     const [state, setState] = react_1.default.useState(initialState);
     // Resolve sate
-    const resolveState = react_1.default.useRef();
+    const resolveState = react_1.default.useRef(null);
     // Is mounted or not
     const isMounted = react_1.default.useRef(false);
     react_1.default.useEffect(() => {

package/lib/cjs/uses/useDelayedExecutor.js

@@ -10,7 +10,7 @@ const react_1 = __importDefault(require("react"));
  * Create delayed executor
  */
 function useDelayedExecutor(func, delayMiliseconcs) {
-    const ref = react_1.default.useRef();
+    const ref = react_1.default.useRef(null);
     if (ref.current == null)
         ref.current = shared_1.ExtendUtils.delayedExecutor(func, delayMiliseconcs);
     return ref.current;

package/lib/cjs/uses/useDimensions.d.ts

@@ -11,7 +11,7 @@ interface states {
  * @param equalCallback Equall callback
  */
 export declare function useDimensions(elements: number, updateCallback?: (target: Element, rect: DOMRect) => boolean | void, miliseconds?: number, equalCallback?: (d1?: DOMRect, d2?: DOMRect) => boolean): {
-    dimensions: [(instance: Element | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES], (Element | undefined)?, (DOMRect | undefined)?][];
+    dimensions: [React.RefCallback<Element>, Element?, DOMRect?][];
     state: states;
 };
 export {};

package/lib/cjs/uses/useDimensions.js

@@ -21,7 +21,7 @@ function useDimensions(elements, updateCallback, miliseconds = 50, equalCallback
         indices: []
     });
     // Dimentions
-    const dimensions = react_1.default.useRef();
+    const dimensions = react_1.default.useRef(null);
     if (dimensions.current == null) {
         // Init
         const init = [];

package/lib/mjs/components/ScrollerList.js

@@ -24,8 +24,8 @@ export const ScrollerList = (props) => {
         display: "inline-block"
     });
     // Refs
-    const listRef = React.useRef();
-    const outerRef = React.useRef();
+    const listRef = React.useRef(null);
+    const outerRef = React.useRef(null);
     const refs = useCombinedRefs(oRef, outerRef);
     // Rows
     const [rows, updateRows] = React.useState([]);

package/lib/mjs/uses/useAsyncState.js

@@ -8,7 +8,7 @@ export function useAsyncState(initialState) {
     // State
     const [state, setState] = React.useState(initialState);
     // Resolve sate
-    const resolveState = React.useRef();
+    const resolveState = React.useRef(null);
     // Is mounted or not
     const isMounted = React.useRef(false);
     React.useEffect(() => {

package/lib/mjs/uses/useDelayedExecutor.js

@@ -4,7 +4,7 @@ import React from "react";
  * Create delayed executor
  */
 export function useDelayedExecutor(func, delayMiliseconcs) {
-    const ref = React.useRef();
+    const ref = React.useRef(null);
     if (ref.current == null)
         ref.current = ExtendUtils.delayedExecutor(func, delayMiliseconcs);
     return ref.current;

package/lib/mjs/uses/useDimensions.d.ts

@@ -11,7 +11,7 @@ interface states {
  * @param equalCallback Equall callback
  */
 export declare function useDimensions(elements: number, updateCallback?: (target: Element, rect: DOMRect) => boolean | void, miliseconds?: number, equalCallback?: (d1?: DOMRect, d2?: DOMRect) => boolean): {
-    dimensions: [(instance: Element | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES], (Element | undefined)?, (DOMRect | undefined)?][];
+    dimensions: [React.RefCallback<Element>, Element?, DOMRect?][];
     state: states;
 };
 export {};

package/lib/mjs/uses/useDimensions.js

@@ -15,7 +15,7 @@ export function useDimensions(elements, updateCallback, miliseconds = 50, equalC
         indices: []
     });
     // Dimentions
-    const dimensions = React.useRef();
+    const dimensions = React.useRef(null);
     if (dimensions.current == null) {
         // Init
         const init = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/react",
-  "version": "1.8.48",
+  "version": "1.8.50",
   "description": "TypeScript ReactJs UI Independent Framework",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -37,34 +37,29 @@
   "dependencies": {
     "@emotion/css": "^11.13.5",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "@etsoo/appscript": "^1.6.38",
-    "@etsoo/notificationbase": "^1.1.62",
-    "@etsoo/shared": "^1.2.74",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-router-dom": "^7.6.2",
+    "@emotion/styled": "^11.14.1",
+    "@etsoo/appscript": "^1.6.43",
+    "@etsoo/notificationbase": "^1.1.63",
+    "@etsoo/shared": "^1.2.75",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-router-dom": "^7.8.1",
     "react-window": "^1.8.11"
   },
-  "overrides": {
-    "react": "$react",
-    "react-dom": "$react-dom",
-    "@emotion/react": "$@emotion/react"
-  },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
-    "@babel/plugin-transform-runtime": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/runtime-corejs3": "^7.27.6",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@babel/cli": "^7.28.3",
+    "@babel/core": "^7.28.3",
+    "@babel/plugin-transform-runtime": "^7.28.3",
+    "@babel/preset-env": "^7.28.3",
+    "@babel/runtime-corejs3": "^7.28.3",
+    "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.3.0",
-    "@types/react": "^18.3.23",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.7",
     "@types/react-window": "^1.8.8",
-    "@vitejs/plugin-react": "^4.5.1",
+    "@vitejs/plugin-react": "^5.0.1",
     "jsdom": "^26.1.0",
-    "typescript": "^5.8.3",
-    "vitest": "^3.2.2"
+    "typescript": "^5.9.2",
+    "vitest": "^3.2.4"
   }
 }

package/src/components/ScrollerList.tsx

@@ -131,8 +131,8 @@ export const ScrollerList = <T extends object>(props: ScrollerListProps<T>) => {
   });
 
   // Refs
-  const listRef = React.useRef<any>();
-  const outerRef = React.useRef<HTMLDivElement>();
+  const listRef = React.useRef<any>(null);
+  const outerRef = React.useRef<HTMLDivElement>(null);
 
   const refs = useCombinedRefs(oRef, outerRef);
 

package/src/uses/useAsyncState.ts

@@ -30,7 +30,9 @@ export function useAsyncState<S>(
 
   // Resolve sate
   const resolveState =
-    React.useRef<(value: S | undefined | PromiseLike<S | undefined>) => void>();
+    React.useRef<(value: S | undefined | PromiseLike<S | undefined>) => void>(
+      null
+    );
 
   // Is mounted or not
   const isMounted = React.useRef(false);

package/src/uses/useDelayedExecutor.ts

@@ -8,7 +8,7 @@ export function useDelayedExecutor<P extends any[]>(
   func: (...args: P) => void,
   delayMiliseconcs: number
 ) {
-  const ref = React.useRef<DelayedExecutorType<P>>();
+  const ref = React.useRef<DelayedExecutorType<P>>(null);
   if (ref.current == null)
     ref.current = ExtendUtils.delayedExecutor(func, delayMiliseconcs);
   return ref.current;

package/src/uses/useDimensions.ts

@@ -22,7 +22,10 @@ export function useDimensions(
     d1?: DOMRect,
     d2?: DOMRect
   ) => boolean = DomUtils.dimensionEqual
-) {
+): {
+  dimensions: [React.RefCallback<Element>, Element?, DOMRect?][];
+  state: states;
+} {
   // State
   const [state, setState] = React.useState<states>({
     count: 0,
@@ -31,7 +34,7 @@ export function useDimensions(
 
   // Dimentions
   const dimensions =
-    React.useRef<[React.RefCallback<Element>, Element?, DOMRect?][]>();
+    React.useRef<[React.RefCallback<Element>, Element?, DOMRect?][]>(null);
   if (dimensions.current == null) {
     // Init
     const init: [React.RefCallback<Element>, Element?, DOMRect?][] = [];