@isograph/react-disposable-state 0.0.0-main-8a48dfd6 → 0.0.0-main-caa0e3a8

package/.turbo/turbo-compile-libs.log

@@ -1,5 +1,5 @@
 ../..                                    |  WARN  Unsupported engine: wanted: {"node":"22.9.0"} (current: {"node":"v22.21.1","pnpm":"10.15.0"})
 
-> @isograph/react-disposable-state@0.0.0-main-8a48dfd6 compile-libs /home/runner/work/isograph/isograph/libs/isograph-react-disposable-state
+> @isograph/react-disposable-state@0.0.0-main-caa0e3a8 compile-libs /home/runner/work/isograph/isograph/libs/isograph-react-disposable-state
 > rimraf dist && tsc -p tsconfig.pkg.json
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react-disposable-state",
-  "version": "0.0.0-main-8a48dfd6",
+  "version": "0.0.0-main-caa0e3a8",
   "description": "Primitives for managing disposable state in React",
   "homepage": "https://isograph.dev",
   "main": "dist/index.js",
@@ -8,7 +8,7 @@
   "author": "Isograph Labs",
   "license": "MIT",
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-8a48dfd6"
+    "@isograph/disposable-types": "0.0.0-main-caa0e3a8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

package/src/useCachedResponsivePrecommitValue.test.tsx

@@ -1,5 +1,5 @@
 import { ItemCleanupPair } from '@isograph/disposable-types';
-import React from 'react';
+import React, { type MutableRefObject } from 'react';
 import { create } from 'react-test-renderer';
 import { assert, describe, expect, test, vi } from 'vitest';
 import { CacheItem, CacheItemState } from './CacheItem';
@@ -14,7 +14,13 @@ function getState<T>(cacheItem: CacheItem<T>): CacheItemState<T> {
   return (cacheItem as any).__state;
 }
 
-function Suspender({ promise, isResolvedRef }) {
+function Suspender({
+  promise,
+  isResolvedRef,
+}: {
+  promise: Promise<unknown>;
+  isResolvedRef: MutableRefObject<boolean>;
+}) {
   if (!isResolvedRef.current) {
     throw promise;
   }
@@ -22,23 +28,18 @@ function Suspender({ promise, isResolvedRef }) {
 }
 
 function shortPromise() {
-  let resolve;
-  const promise = new Promise((_resolve) => {
-    resolve = _resolve;
-  });
+  const { promise, resolve } = Promise.withResolvers<void>();
 
   setTimeout(resolve, 1);
   return promise;
 }
 
 function promiseAndResolver() {
-  let resolve;
   const isResolvedRef = {
     current: false,
   };
-  const promise = new Promise((r) => {
-    resolve = r;
-  });
+  const { promise, resolve } = Promise.withResolvers<void>();
+
   return {
     promise,
     resolve: () => {
@@ -51,7 +52,7 @@ function promiseAndResolver() {
 
 // The fact that sometimes we need to render in concurrent mode and sometimes
 // not is a bit worrisome.
-async function awaitableCreate(Component, isConcurrent) {
+async function awaitableCreate(Component, isConcurrent: boolean) {
   const element = create(
     Component,
     isConcurrent ? { unstable_isConcurrent: true } : undefined,

package/src/useUpdatableDisposableState.test.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type MutableRefObject } from 'react';
 import { create } from 'react-test-renderer';
 import { describe, expect, test, vi } from 'vitest';
 import {
@@ -6,7 +6,13 @@ import {
   useUpdatableDisposableState,
 } from './useUpdatableDisposableState';
 
-function Suspender({ promise, isResolvedRef }) {
+function Suspender({
+  promise,
+  isResolvedRef,
+}: {
+  isResolvedRef: MutableRefObject<boolean>;
+  promise: Promise<unknown>;
+}) {
   if (!isResolvedRef.current) {
     throw promise;
   }
@@ -43,7 +49,7 @@ function promiseAndResolver() {
 
 // The fact that sometimes we need to render in concurrent mode and sometimes
 // not is a bit worrisome.
-async function awaitableCreate(Component, isConcurrent) {
+async function awaitableCreate(Component, isConcurrent: boolean) {
   const element = create(
     Component,
     isConcurrent ? { unstable_isConcurrent: true } : undefined,
@@ -377,7 +383,11 @@ if (false) {
       }
 
       let setState;
-      function ParentComponent({ shouldMountRef }) {
+      function ParentComponent({
+        shouldMountRef,
+      }: {
+        shouldMountRef: MutableRefObject<boolean>;
+      }) {
         const [, _setState] = React.useState();
         setState = _setState;
         return shouldMountRef.current ? (
@@ -450,7 +460,11 @@ if (false) {
       }
 
       let setState;
-      function ParentComponent({ shouldMountRef }) {
+      function ParentComponent({
+        shouldMountRef,
+      }: {
+        shouldMountRef: MutableRefObject<boolean>;
+      }) {
         const [, _setState] = React.useState();
         setState = _setState;
         return shouldMountRef.current ? <TestComponent /> : null;