solid-js 1.3.0-rc.1 → 1.3.0

package/dist/dev.cjs

@@ -131,6 +131,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
   equals: equalFn
 };
@@ -169,14 +170,12 @@ function createRoot(fn, detachedOwner) {
   if (owner) root.name = `${owner.name}-r${rootCount++}`;
   Owner = root;
   Listener = null;
-  let result;
   try {
-    runUpdates(() => result = fn(() => cleanNode(root)), true);
+    return runUpdates(() => fn(() => cleanNode(root)), true);
   } finally {
     Listener = listener;
     Owner = owner;
   }
-  return result;
 }
 function createSignal(value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -210,7 +209,21 @@ function createEffect(fn, value, options) {
         s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
-  Effects && Effects.push(c);
+  Effects ? Effects.push(c) : queueMicrotask(() => updateComputation(c));
+}
+function createReaction(onInvalidate, options) {
+  let fn;
+  const c = createComputation(() => {
+    fn ? fn() : untrack(onInvalidate);
+    fn = undefined;
+  }, undefined, false, 0, options ),
+        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+  if (s) c.suspense = s;
+  c.user = true;
+  return tracking => {
+    fn = tracking;
+    updateComputation(c);
+  };
 }
 function createMemo(fn, value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -236,11 +249,14 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
-  Resources || (Resources = new Set());
-  Resources.add(load);
-  onCleanup(() => Resources.delete(load));
+  options ||= {};
+  if (options.globalRefetch !== false) {
+    Resources || (Resources = new Set());
+    Resources.add(load);
+    Owner && onCleanup(() => Resources.delete(load));
+  }
   const contexts = new Set(),
-        [s, set] = createSignal((options || {}).initialValue),
+        [s, set] = createSignal(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -256,10 +272,14 @@ function createResource(source, fetcher, options) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
-  function loadEnd(p, v, e) {
+  function loadEnd(p, v, e, key) {
     if (pr === p) {
-      setError(err = e);
       pr = null;
+      if (initP && p === initP && options.onHydrated) options.onHydrated(key, {
+        value: v
+      });
+      initP = null;
+      setError(err = e);
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
         loadedUnderTransition = false;
@@ -313,17 +333,16 @@ function createResource(source, fetcher, options) {
       value: s(),
       refetching
     }));
-    initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
-      return;
+      return p;
     }
     pr = p;
     batch(() => {
       setLoading(true);
       trigger();
     });
-    p.then(v => loadEnd(p, v), e => loadEnd(p, e, e));
+    return p.then(v => loadEnd(p, v, undefined, lookup), e => loadEnd(p, e, e));
   }
   Object.defineProperties(read, {
     loading: {
@@ -345,7 +364,7 @@ function createResource(source, fetcher, options) {
 }
 let Resources;
 function refetchResources(info) {
-  Resources && Resources.forEach(fn => fn(info));
+  return Resources && Promise.all([...Resources].map(fn => fn(info)));
 }
 function createDeferred(source, options) {
   let t,
@@ -459,7 +478,7 @@ function runWithOwner(o, fn) {
   const prev = Owner;
   Owner = o;
   try {
-    return fn();
+    return runUpdates(fn, true);
   } finally {
     Owner = prev;
   }
@@ -467,28 +486,31 @@ function runWithOwner(o, fn) {
 function enableScheduling(scheduler = requestCallback) {
   Scheduler = scheduler;
 }
-function startTransition(fn, cb) {
+function startTransition(fn) {
   if (Transition && Transition.running) {
     fn();
-    cb && Transition.cb.push(cb);
-    return;
+    return Transition.done;
   }
-  queueMicrotask(() => {
+  const l = Listener;
+  const o = Owner;
+  return Promise.resolve().then(() => {
+    Listener = l;
+    Owner = o;
+    let t;
     if (Scheduler || SuspenseContext) {
-      Transition || (Transition = {
+      t = Transition || (Transition = {
         sources: new Set(),
         effects: [],
         promises: new Set(),
         disposed: new Set(),
         queue: new Set(),
-        running: true,
-        cb: []
+        running: true
       });
-      cb && Transition.cb.push(cb);
-      Transition.running = true;
+      t.done ||= new Promise(res => t.resolve = res);
+      t.running = true;
     }
     batch(fn);
-    if (!Scheduler && !SuspenseContext && cb) cb();
+    return t ? t.done : undefined;
   });
 }
 function useTransition() {
@@ -499,7 +521,12 @@ function resumeEffects(e) {
   e.length = 0;
 }
 function devComponent(Comp, props) {
-  const c = createComputation(() => untrack(() => Comp(props)), undefined, true);
+  const c = createComputation(() => untrack(() => {
+    Object.assign(Comp, {
+      [$DEVCOMP]: true
+    });
+    return Comp(props);
+  }), undefined, true);
   c.pending = NOTPENDING;
   c.observers = null;
   c.observerSlots = null;
@@ -717,7 +744,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
     });
     const ordinary = ExternalSourceFactory(c.fn, trigger);
     onCleanup(() => ordinary.dispose());
-    const triggerInTransition = () => startTransition(trigger, () => inTransition.dispose());
+    const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose());
     const inTransition = ExternalSourceFactory(c.fn, triggerInTransition);
     c.fn = x => {
       track();
@@ -762,7 +789,7 @@ function runUpdates(fn, init) {
   if (Effects) wait = true;else Effects = [];
   ExecCount++;
   try {
-    fn();
+    return fn();
   } catch (err) {
     handleError(err);
   } finally {
@@ -775,7 +802,7 @@ function completeUpdates(wait) {
     Updates = null;
   }
   if (wait) return;
-  let cbs;
+  let res;
   if (Transition && Transition.running) {
     if (Transition.promises.size || Transition.queue.size) {
       Transition.running = false;
@@ -785,7 +812,7 @@ function completeUpdates(wait) {
       return;
     }
     const sources = Transition.sources;
-    cbs = Transition.cb;
+    res = Transition.resolve;
     Effects.forEach(e => {
       "tState" in e && (e.state = e.tState);
       delete e.tState;
@@ -812,7 +839,7 @@ function completeUpdates(wait) {
     Effects = null;
     globalThis._$afterUpdate && globalThis._$afterUpdate();
   }
-  if (cbs) cbs.forEach(cb => cb());
+  if (res) res();
 }
 function runQueue(queue) {
   for (let i = 0; i < queue.length; i++) runTop(queue[i]);
@@ -922,7 +949,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] || owner.owner && lookup(owner.owner, key));
+  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -1295,9 +1322,9 @@ function lazy(fn) {
       });
       comp = s;
     } else if (!comp) {
-      const [s] = createResource((_, {
-        value
-      }) => value || (p || (p = fn())).then(mod => mod.default));
+      const [s] = createResource(() => (p || (p = fn())).then(mod => mod.default), {
+        globalRefetch: false
+      });
       comp = s;
     } else {
       const c = comp();
@@ -1554,6 +1581,7 @@ if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
+exports.$DEVCOMP = $DEVCOMP;
 exports.$PROXY = $PROXY;
 exports.ErrorBoundary = ErrorBoundary;
 exports.For = For;
@@ -1572,6 +1600,7 @@ exports.createContext = createContext;
 exports.createDeferred = createDeferred;
 exports.createEffect = createEffect;
 exports.createMemo = createMemo;
+exports.createReaction = createReaction;
 exports.createRenderEffect = createRenderEffect;
 exports.createResource = createResource;
 exports.createRoot = createRoot;

package/dist/dev.js

@@ -127,6 +127,7 @@ function nextHydrateContext() {
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol("solid-dev-component");
 const signalOptions = {
   equals: equalFn
 };
@@ -165,14 +166,12 @@ function createRoot(fn, detachedOwner) {
   if (owner) root.name = `${owner.name}-r${rootCount++}`;
   Owner = root;
   Listener = null;
-  let result;
   try {
-    runUpdates(() => result = fn(() => cleanNode(root)), true);
+    return runUpdates(() => fn(() => cleanNode(root)), true);
   } finally {
     Listener = listener;
     Owner = owner;
   }
-  return result;
 }
 function createSignal(value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -206,7 +205,21 @@ function createEffect(fn, value, options) {
         s = SuspenseContext && lookup(Owner, SuspenseContext.id);
   if (s) c.suspense = s;
   c.user = true;
-  Effects && Effects.push(c);
+  Effects ? Effects.push(c) : queueMicrotask(() => updateComputation(c));
+}
+function createReaction(onInvalidate, options) {
+  let fn;
+  const c = createComputation(() => {
+    fn ? fn() : untrack(onInvalidate);
+    fn = undefined;
+  }, undefined, false, 0, options ),
+        s = SuspenseContext && lookup(Owner, SuspenseContext.id);
+  if (s) c.suspense = s;
+  c.user = true;
+  return tracking => {
+    fn = tracking;
+    updateComputation(c);
+  };
 }
 function createMemo(fn, value, options) {
   options = options ? Object.assign({}, signalOptions, options) : signalOptions;
@@ -232,11 +245,14 @@ function createResource(source, fetcher, options) {
     fetcher = source;
     source = true;
   }
-  Resources || (Resources = new Set());
-  Resources.add(load);
-  onCleanup(() => Resources.delete(load));
+  options ||= {};
+  if (options.globalRefetch !== false) {
+    Resources || (Resources = new Set());
+    Resources.add(load);
+    Owner && onCleanup(() => Resources.delete(load));
+  }
   const contexts = new Set(),
-        [s, set] = createSignal((options || {}).initialValue),
+        [s, set] = createSignal(options.initialValue),
         [track, trigger] = createSignal(undefined, {
     equals: false
   }),
@@ -252,10 +268,14 @@ function createResource(source, fetcher, options) {
     id = `${sharedConfig.context.id}${sharedConfig.context.count++}`;
     if (sharedConfig.load) initP = sharedConfig.load(id);
   }
-  function loadEnd(p, v, e) {
+  function loadEnd(p, v, e, key) {
     if (pr === p) {
-      setError(err = e);
       pr = null;
+      if (initP && p === initP && options.onHydrated) options.onHydrated(key, {
+        value: v
+      });
+      initP = null;
+      setError(err = e);
       if (Transition && p && loadedUnderTransition) {
         Transition.promises.delete(p);
         loadedUnderTransition = false;
@@ -309,17 +329,16 @@ function createResource(source, fetcher, options) {
       value: s(),
       refetching
     }));
-    initP = null;
     if (typeof p !== "object" || !("then" in p)) {
       loadEnd(pr, p);
-      return;
+      return p;
     }
     pr = p;
     batch(() => {
       setLoading(true);
       trigger();
     });
-    p.then(v => loadEnd(p, v), e => loadEnd(p, e, e));
+    return p.then(v => loadEnd(p, v, undefined, lookup), e => loadEnd(p, e, e));
   }
   Object.defineProperties(read, {
     loading: {
@@ -341,7 +360,7 @@ function createResource(source, fetcher, options) {
 }
 let Resources;
 function refetchResources(info) {
-  Resources && Resources.forEach(fn => fn(info));
+  return Resources && Promise.all([...Resources].map(fn => fn(info)));
 }
 function createDeferred(source, options) {
   let t,
@@ -455,7 +474,7 @@ function runWithOwner(o, fn) {
   const prev = Owner;
   Owner = o;
   try {
-    return fn();
+    return runUpdates(fn, true);
   } finally {
     Owner = prev;
   }
@@ -463,28 +482,31 @@ function runWithOwner(o, fn) {
 function enableScheduling(scheduler = requestCallback) {
   Scheduler = scheduler;
 }
-function startTransition(fn, cb) {
+function startTransition(fn) {
   if (Transition && Transition.running) {
     fn();
-    cb && Transition.cb.push(cb);
-    return;
+    return Transition.done;
   }
-  queueMicrotask(() => {
+  const l = Listener;
+  const o = Owner;
+  return Promise.resolve().then(() => {
+    Listener = l;
+    Owner = o;
+    let t;
     if (Scheduler || SuspenseContext) {
-      Transition || (Transition = {
+      t = Transition || (Transition = {
         sources: new Set(),
         effects: [],
         promises: new Set(),
         disposed: new Set(),
         queue: new Set(),
-        running: true,
-        cb: []
+        running: true
       });
-      cb && Transition.cb.push(cb);
-      Transition.running = true;
+      t.done ||= new Promise(res => t.resolve = res);
+      t.running = true;
     }
     batch(fn);
-    if (!Scheduler && !SuspenseContext && cb) cb();
+    return t ? t.done : undefined;
   });
 }
 function useTransition() {
@@ -495,7 +517,12 @@ function resumeEffects(e) {
   e.length = 0;
 }
 function devComponent(Comp, props) {
-  const c = createComputation(() => untrack(() => Comp(props)), undefined, true);
+  const c = createComputation(() => untrack(() => {
+    Object.assign(Comp, {
+      [$DEVCOMP]: true
+    });
+    return Comp(props);
+  }), undefined, true);
   c.pending = NOTPENDING;
   c.observers = null;
   c.observerSlots = null;
@@ -713,7 +740,7 @@ function createComputation(fn, init, pure, state = STALE, options) {
     });
     const ordinary = ExternalSourceFactory(c.fn, trigger);
     onCleanup(() => ordinary.dispose());
-    const triggerInTransition = () => startTransition(trigger, () => inTransition.dispose());
+    const triggerInTransition = () => startTransition(trigger).then(() => inTransition.dispose());
     const inTransition = ExternalSourceFactory(c.fn, triggerInTransition);
     c.fn = x => {
       track();
@@ -758,7 +785,7 @@ function runUpdates(fn, init) {
   if (Effects) wait = true;else Effects = [];
   ExecCount++;
   try {
-    fn();
+    return fn();
   } catch (err) {
     handleError(err);
   } finally {
@@ -771,7 +798,7 @@ function completeUpdates(wait) {
     Updates = null;
   }
   if (wait) return;
-  let cbs;
+  let res;
   if (Transition && Transition.running) {
     if (Transition.promises.size || Transition.queue.size) {
       Transition.running = false;
@@ -781,7 +808,7 @@ function completeUpdates(wait) {
       return;
     }
     const sources = Transition.sources;
-    cbs = Transition.cb;
+    res = Transition.resolve;
     Effects.forEach(e => {
       "tState" in e && (e.state = e.tState);
       delete e.tState;
@@ -808,7 +835,7 @@ function completeUpdates(wait) {
     Effects = null;
     globalThis._$afterUpdate && globalThis._$afterUpdate();
   }
-  if (cbs) cbs.forEach(cb => cb());
+  if (res) res();
 }
 function runQueue(queue) {
   for (let i = 0; i < queue.length; i++) runTop(queue[i]);
@@ -918,7 +945,7 @@ function handleError(err) {
   fns.forEach(f => f(err));
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] || owner.owner && lookup(owner.owner, key));
+  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -1291,9 +1318,9 @@ function lazy(fn) {
       });
       comp = s;
     } else if (!comp) {
-      const [s] = createResource((_, {
-        value
-      }) => value || (p || (p = fn())).then(mod => mod.default));
+      const [s] = createResource(() => (p || (p = fn())).then(mod => mod.default), {
+        globalRefetch: false
+      });
       comp = s;
     } else {
       const c = comp();
@@ -1550,4 +1577,4 @@ if (globalThis) {
   if (!globalThis.Solid$$) globalThis.Solid$$ = true;else console.warn("You appear to have multiple instances of Solid. This can lead to unexpected behavior.");
 }
 
-export { $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, refetchResources, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+export { $DEVCOMP, $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, cancelCallback, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createReaction, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, indexArray, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, refetchResources, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };

package/dist/server.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol('solid-dev-component');
 const DEV = {};
 const ERROR = Symbol("error");
 const UNOWNED = {
@@ -53,6 +54,11 @@ function createComputed(fn, value) {
 }
 const createRenderEffect = createComputed;
 function createEffect(fn, value) {}
+function createReaction(fn) {
+  return fn => {
+    fn();
+  };
+}
 function createMemo(fn, value) {
   Owner = {
     owner: Owner,
@@ -130,7 +136,7 @@ function runWithOwner(o, fn) {
   }
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] || owner.owner && lookup(owner.owner, key));
+  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -381,7 +387,7 @@ function createResource(fn, fetcher, options = {}) {
     read.loading = true;
     if ("then" in p) {
       if (ctx.writeResource) ctx.writeResource(id, p);
-      p.then(res => {
+      return p.then(res => {
         read.loading = false;
         ctx.resources[id].data = res;
         p = null;
@@ -393,10 +399,10 @@ function createResource(fn, fetcher, options = {}) {
         p = null;
         notifySuspense(contexts);
       });
-      return;
     }
     ctx.resources[id].data = p;
     p = null;
+    return ctx.resources[id].data;
   }
   load();
   return resource.ref = [read, {
@@ -442,6 +448,7 @@ function notifySuspense(contexts) {
   contexts.clear();
 }
 function enableScheduling() {}
+function enableHydration() {}
 function startTransition(fn) {
   fn();
 }
@@ -508,6 +515,7 @@ function Suspense(props) {
   return props.fallback;
 }
 
+exports.$DEVCOMP = $DEVCOMP;
 exports.$PROXY = $PROXY;
 exports.DEV = DEV;
 exports.ErrorBoundary = ErrorBoundary;
@@ -526,6 +534,7 @@ exports.createContext = createContext;
 exports.createDeferred = createDeferred;
 exports.createEffect = createEffect;
 exports.createMemo = createMemo;
+exports.createReaction = createReaction;
 exports.createRenderEffect = createRenderEffect;
 exports.createResource = createResource;
 exports.createRoot = createRoot;
@@ -533,6 +542,7 @@ exports.createSelector = createSelector;
 exports.createSignal = createSignal;
 exports.createUniqueId = createUniqueId;
 exports.enableExternalSource = enableExternalSource;
+exports.enableHydration = enableHydration;
 exports.enableScheduling = enableScheduling;
 exports.equalFn = equalFn;
 exports.from = from;

package/dist/server.js

@@ -1,5 +1,6 @@
 const equalFn = (a, b) => a === b;
 const $PROXY = Symbol("solid-proxy");
+const $DEVCOMP = Symbol('solid-dev-component');
 const DEV = {};
 const ERROR = Symbol("error");
 const UNOWNED = {
@@ -49,6 +50,11 @@ function createComputed(fn, value) {
 }
 const createRenderEffect = createComputed;
 function createEffect(fn, value) {}
+function createReaction(fn) {
+  return fn => {
+    fn();
+  };
+}
 function createMemo(fn, value) {
   Owner = {
     owner: Owner,
@@ -126,7 +132,7 @@ function runWithOwner(o, fn) {
   }
 }
 function lookup(owner, key) {
-  return owner && (owner.context && owner.context[key] || owner.owner && lookup(owner.owner, key));
+  return owner && (owner.context && owner.context[key] !== undefined ? owner.context[key] : owner.owner && lookup(owner.owner, key));
 }
 function resolveChildren(children) {
   if (typeof children === "function" && !children.length) return resolveChildren(children());
@@ -377,7 +383,7 @@ function createResource(fn, fetcher, options = {}) {
     read.loading = true;
     if ("then" in p) {
       if (ctx.writeResource) ctx.writeResource(id, p);
-      p.then(res => {
+      return p.then(res => {
         read.loading = false;
         ctx.resources[id].data = res;
         p = null;
@@ -389,10 +395,10 @@ function createResource(fn, fetcher, options = {}) {
         p = null;
         notifySuspense(contexts);
       });
-      return;
     }
     ctx.resources[id].data = p;
     p = null;
+    return ctx.resources[id].data;
   }
   load();
   return resource.ref = [read, {
@@ -438,6 +444,7 @@ function notifySuspense(contexts) {
   contexts.clear();
 }
 function enableScheduling() {}
+function enableHydration() {}
 function startTransition(fn) {
   fn();
 }
@@ -504,4 +511,4 @@ function Suspense(props) {
   return props.fallback;
 }
 
-export { $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableScheduling, equalFn, from, getListener, getOwner, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };
+export { $DEVCOMP, $PROXY, DEV, ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, batch, children, createComponent, createComputed, createContext, createDeferred, createEffect, createMemo, createReaction, createRenderEffect, createResource, createRoot, createSelector, createSignal, createUniqueId, enableExternalSource, enableHydration, enableScheduling, equalFn, from, getListener, getOwner, lazy, mapArray, mergeProps, observable, on, onCleanup, onError, onMount, requestCallback, runWithOwner, sharedConfig, splitProps, startTransition, untrack, useContext, useTransition };