@os-design/use-memo-object 1.0.28 → 1.0.30

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,iBAAS,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAqBjE;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,iBAAS,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAgBjE;AAED,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -1,20 +1,15 @@
-import { useEffect, useRef, useState } from 'react';
+import { useState } from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useMemoObject(value) {
-  const [memoizedValue, setMemoizedValue] = useState(value);
-  const memoizedValueRef = useRef(memoizedValue);
-  useEffect(() => {
-    memoizedValueRef.current = memoizedValue;
-  }, [memoizedValue]);
-  useEffect(() => {
-    const memoized = memoizedValueRef.current;
-    const memoizedValueKeys = Object.keys(memoized);
-    const valueKeys = Object.keys(value);
-    if (memoizedValueKeys.length !== valueKeys.length || memoizedValueKeys.some(key => memoized[key] !== value[key])) {
-      setMemoizedValue(value);
-    }
-  }, [value]);
-  return memoizedValue;
+  const [memoized, setMemoized] = useState(value);
+  const memoizedKeys = Object.keys(memoized);
+  const valueKeys = Object.keys(value);
+  const keysChanged = memoizedKeys.length !== valueKeys.length || memoizedKeys.some(key => memoized[key] !== value[key]);
+  if (keysChanged) {
+    setMemoized(value);
+    return value;
+  }
+  return memoized;
 }
 export default useMemoObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-memo-object",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -19,20 +19,20 @@
   ],
   "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-event": "^1.0.32"
+    "@os-design/use-event": "^1.0.34"
   },
   "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';
 
 <Meta title='Utils/useMemoObject' />
 

package/src/index.ts

@@ -1,27 +1,22 @@
-import { useEffect, useRef, useState } from 'react';
+import { useState } from 'react';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useMemoObject<T extends Record<string, any>>(value: T): T {
-  const [memoizedValue, setMemoizedValue] = useState(value);
+  const [memoized, setMemoized] = useState(value);
 
-  const memoizedValueRef = useRef(memoizedValue);
-  useEffect(() => {
-    memoizedValueRef.current = memoizedValue;
-  }, [memoizedValue]);
+  const memoizedKeys = Object.keys(memoized);
+  const valueKeys = Object.keys(value);
 
-  useEffect(() => {
-    const memoized = memoizedValueRef.current;
-    const memoizedValueKeys = Object.keys(memoized);
-    const valueKeys = Object.keys(value);
-    if (
-      memoizedValueKeys.length !== valueKeys.length ||
-      memoizedValueKeys.some((key) => memoized[key] !== value[key])
-    ) {
-      setMemoizedValue(value);
-    }
-  }, [value]);
+  const keysChanged =
+    memoizedKeys.length !== valueKeys.length ||
+    memoizedKeys.some((key) => memoized[key] !== value[key]);
 
-  return memoizedValue;
+  if (keysChanged) {
+    setMemoized(value);
+    return value;
+  }
+
+  return memoized;
 }
 
 export default useMemoObject;