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

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,CAiBjE;AAED,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -1,20 +1,17 @@
-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 [memoized, setMemoized] = useState(value);
+  const [prevValue, setPrevValue] = useState(value);
+  if (prevValue !== value) {
+    setPrevValue(value);
+    const memoizedKeys = Object.keys(memoized);
     const valueKeys = Object.keys(value);
-    if (memoizedValueKeys.length !== valueKeys.length || memoizedValueKeys.some(key => memoized[key] !== value[key])) {
-      setMemoizedValue(value);
+    if (memoizedKeys.length !== valueKeys.length || memoizedKeys.some(key => memoized[key] !== value[key])) {
+      setMemoized(value);
     }
-  }, [value]);
-  return memoizedValue;
+  }
+  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.29",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "type": "module",
@@ -23,16 +23,16 @@
     "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.33"
   },
   "peerDependencies": {
-    "react": "18"
+    "react": "19"
   },
-  "gitHead": "7a2aee283bdbdba8ba69a3212769ad321beaaed2"
+  "gitHead": "f333f60e39273574d2227cf0ee70b0c8897b2dde"
 }

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,23 @@
-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 [prevValue, setPrevValue] = useState(value);
 
-  const memoizedValueRef = useRef(memoizedValue);
-  useEffect(() => {
-    memoizedValueRef.current = memoizedValue;
-  }, [memoizedValue]);
-
-  useEffect(() => {
-    const memoized = memoizedValueRef.current;
-    const memoizedValueKeys = Object.keys(memoized);
+  if (prevValue !== value) {
+    setPrevValue(value);
+    const memoizedKeys = Object.keys(memoized);
     const valueKeys = Object.keys(value);
     if (
-      memoizedValueKeys.length !== valueKeys.length ||
-      memoizedValueKeys.some((key) => memoized[key] !== value[key])
+      memoizedKeys.length !== valueKeys.length ||
+      memoizedKeys.some((key) => memoized[key] !== value[key])
     ) {
-      setMemoizedValue(value);
+      setMemoized(value);
     }
-  }, [value]);
+  }
 
-  return memoizedValue;
+  return memoized;
 }
 
 export default useMemoObject;