@octanejs/radix 0.1.28 → 0.1.29

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@octanejs/radix",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "license": "MIT",
   "type": "module",
+  "sideEffects": false,
   "engines": {
     "node": ">=22.22.2"
   },
@@ -38,10 +39,10 @@
   },
   "dependencies": {
     "aria-hidden": "^1.2.6",
-    "@octanejs/floating-ui": "0.1.28"
+    "@octanejs/floating-ui": "0.1.29"
   },
   "peerDependencies": {
-    "octane": "0.1.29"
+    "octane": "0.1.30"
   },
   "devDependencies": {
     "@tsrx/react": "^0.2.56",
@@ -50,7 +51,7 @@
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "vitest": "^4.1.10",
-    "octane": "0.1.29"
+    "octane": "0.1.30"
   },
   "scripts": {
     "test": "vitest run"

package/src/use-previous.ts

@@ -1,28 +1,30 @@
 // Ported from @radix-ui/react-use-previous (source:
 // .radix-primitives/packages/react/use-previous/src/use-previous.tsx). Returns the
 // value from the previous render in which `value` differed from the current one.
-import { useMemo, useRef } from 'octane';
+import { type LinkedStatePrevious, useLinkedState } from 'octane';
 
 import { S, splitSlot, subSlot } from './internal';
 
+function previousCommittedValue<Value>(
+	current: Value,
+	previous: LinkedStatePrevious<Value, Value> | undefined,
+): Value {
+	return previous === undefined ? current : previous.source;
+}
+
+const PREVIOUS_VALUE_OPTIONS = {
+	sourceEqual: <Value>(previous: Value, next: Value) => previous === next,
+};
+
 export function usePrevious<T>(...args: any[]): T {
 	const [user, slotArg] = splitSlot(args);
 	const slot = slotArg ?? S('usePrevious');
 	const value = user[0] as T;
-	const ref = useRef({ value, previous: value }, subSlot(slot, 'ref'));
-
-	// We compare values before making an update to ensure that
-	// a change has been made. This ensures the previous value is
-	// persisted correctly between renders.
-	return useMemo(
-		() => {
-			if (ref.current.value !== value) {
-				ref.current.previous = ref.current.value;
-				ref.current.value = value;
-			}
-			return ref.current.previous;
-		},
-		[value],
-		subSlot(slot, 'm'),
+	const [previous] = useLinkedState<T, T>(
+		value,
+		previousCommittedValue,
+		PREVIOUS_VALUE_OPTIONS,
+		subSlot(slot, 'previous'),
 	);
+	return previous;
 }