.github/workflows/compressed-size.yml

@@ -14,7 +14,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9.12
 
       - name: compressed-size-action
         uses: preactjs/compressed-size-action@v2

.github/workflows/main.yml

@@ -18,7 +18,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9.12
 
       - name: Install Node.js
         uses: actions/setup-node@v4

.github/workflows/release.yml

@@ -22,7 +22,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9.12
 
       - name: Install Node.js
         uses: actions/setup-node@v4

packages/preact/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @preact/signals
 
+## 2.0.2
+
+### Patch Changes
+
+- [#655](https://github.com/preactjs/signals/pull/655) [`6a0284c`](https://github.com/preactjs/signals/commit/6a0284ca233e666e16fcab2584269e2344062519) Thanks [@JoviDeCroock](https://github.com/JoviDeCroock)! - Avoid usage of `.base` and check the `_dom` on the vnode instead
+
+- [#660](https://github.com/preactjs/signals/pull/660) [`df4df76`](https://github.com/preactjs/signals/commit/df4df765bdeef3e976969d865f8d386a5effebd8) Thanks [@JoviDeCroock](https://github.com/JoviDeCroock)! - Bail out of the animation frame with a setTimeout in case the origin page is hidden
+
 ## 2.0.1
 
 ### Patch Changes

packages/preact/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preact/signals",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "license": "MIT",
   "description": "Manage state with style in Preact",
   "keywords": [],

packages/preact/src/index.ts

@@ -119,8 +119,8 @@ function SignalValue(this: AugmentedComponent, { data }: { data: Signal }) {
 				// undefined before mounting or a non-text node. In both of those cases
 				// the update gets handled by a full rerender.
 				const value = wrappedSignal.value;
-				if (self.base && self.base.nodeType === 3) {
-					(self.base as Text).data = value;
+				if (self.__v && self.__v.__e && self.__v.__e.nodeType === 3) {
+					(self.__v.__e as Text).data = value;
 				}
 			}
 		});
@@ -388,10 +388,19 @@ export function useComputed<T>(compute: () => T) {
 	return useMemo(() => computed<T>(() => $compute.current()), []);
 }
 
+function safeRaf(callback: () => void) {
+	const done = () => {
+		clearTimeout(timeout);
+		cancelAnimationFrame(raf);
+		callback();
+	};
+
+	const timeout = setTimeout(done, 100);
+	const raf = requestAnimationFrame(done);
+}
+
 const deferEffects =
-	typeof requestAnimationFrame === "undefined"
-		? setTimeout
-		: requestAnimationFrame;
+	typeof requestAnimationFrame === "undefined" ? setTimeout : safeRaf;
 
 const deferDomUpdates = (cb: any) => {
 	queueMicrotask(() => {