recoil-next 0.3.0 → 0.4.0

package/README.md

@@ -22,7 +22,7 @@ npm install recoil-next
 
 ```jsx
 import React from 'react';
-import { RecoilRoot, atom, useRecoilState } from 'recoil-next';
+import {RecoilRoot, atom, useRecoilState} from 'recoil-next';
 
 const textState = atom({
   key: 'textState',
@@ -42,7 +42,7 @@ function CharacterCounter() {
 
   return (
     <div>
-      <input type="text" value={text} onChange={(e) => setText(e.target.value)} />
+      <input type="text" value={text} onChange={e => setText(e.target.value)} />
       <p>Character count: {text.length}</p>
     </div>
   );
@@ -70,10 +70,10 @@ This library is a drop-in replacement for the original Recoil library. Simply re
 
 ```jsx
 // Before
-import { RecoilRoot, atom, useRecoilState } from 'recoil';
+import {RecoilRoot, atom, useRecoilState} from 'recoil';
 
 // After
-import { RecoilRoot, atom, useRecoilState } from 'recoil-next';
+import {RecoilRoot, atom, useRecoilState} from 'recoil-next';
 ```
 
 ## Requirements
@@ -90,4 +90,4 @@ Contributions are welcome! Please feel free to submit a Pull Request.
 
 ## Community
 
-This is a community-maintained continuation of the original Recoil project. We aim to maintain compatibility while adding new features and improvements.
+This is a community-maintained continuation of the original Recoil project. We aim to maintain compatibility while adding new features and improvements.

package/dist/index.cjs

@@ -13,7 +13,9 @@ function err(message) {
         try {
             throw error;
         }
-        catch (_) { /* T-ignore */ }
+        catch (_) {
+            /* T-ignore */
+        }
     }
     return error;
 }
@@ -114,7 +116,8 @@ class BaseLoadable {
         throw err(`Loadable expected error, but in "${this.state}" state`);
     }
     is(other) {
-        return other.state === this.state && other.contents === this.contents;
+        return (other.state === this.state &&
+            Object.is(other.contents, this.contents));
     }
 }
 class ValueLoadable extends BaseLoadable {
@@ -824,7 +827,6 @@ const getNextComponentID = () => nextComponentID++;
 /** React mode and feature detection helpers */
 var _a;
 // Access either useSyncExternalStore or unstable_useSyncExternalStore depending on React version.
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const useSyncExternalStore = 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 (_a = React.useSyncExternalStore) !== null && _a !== void 0 ? _a : 
@@ -835,14 +837,17 @@ let ReactRendererVersionMismatchWarnOnce = false;
 function currentRendererSupportsUseSyncExternalStore() {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const internals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    const internals = React
+        .__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     if (!internals)
         return false;
     const { ReactCurrentDispatcher, ReactCurrentOwner } = internals;
     // The dispatcher can be on ReactCurrentDispatcher.current (newer) or ReactCurrentOwner.currentDispatcher (older)
     const dispatcher = (_a = ReactCurrentDispatcher === null || ReactCurrentDispatcher === void 0 ? void 0 : ReactCurrentDispatcher.current) !== null && _a !== void 0 ? _a : ReactCurrentOwner === null || ReactCurrentOwner === void 0 ? void 0 : ReactCurrentOwner.currentDispatcher;
     const isSupported = (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.useSyncExternalStore) != null;
-    if (useSyncExternalStore !== undefined && !isSupported && !ReactRendererVersionMismatchWarnOnce) {
+    if (useSyncExternalStore !== undefined &&
+        !isSupported &&
+        !ReactRendererVersionMismatchWarnOnce) {
         ReactRendererVersionMismatchWarnOnce = true;
         recoverableViolation('A React renderer without React 18+ API support is being used with React 18+.');
     }
@@ -893,7 +898,8 @@ writes) {
     return result;
 }
 function writeLoadableToTreeState(state, key, loadable) {
-    if (loadable.state === 'hasValue' && loadable.contents instanceof DefaultValue) {
+    if (loadable.state === 'hasValue' &&
+        loadable.contents instanceof DefaultValue) {
         state.atomValues.delete(key);
     }
     else {
@@ -929,7 +935,8 @@ function notifyComponents$2(store, treeState) {
     }
 }
 function valueFromValueOrUpdater(store, state, recoilValue, valueOrUpdater) {
-    if (typeof valueOrUpdater === 'function' && valueOrUpdater !== DEFAULT_VALUE) {
+    if (typeof valueOrUpdater === 'function' &&
+        valueOrUpdater !== DEFAULT_VALUE) {
         // Updater form: pass in the current value
         const current = getRecoilValueAsLoadable(store, recoilValue, state);
         if (current.state === 'loading') {
@@ -2382,8 +2389,7 @@ function* concatIterables(iters) {
  * TypeScript port of Recoil_Environment.js
  */
 const isSSR = typeof window === 'undefined';
-const isWindow = (value) => !isSSR &&
-    (value === window || value instanceof Window);
+const isWindow = (value) => !isSSR && (value === window || value instanceof Window);
 const isReactNative = typeof navigator !== 'undefined' && navigator.product === 'ReactNative';
 
 /**
@@ -2453,7 +2459,8 @@ class Snapshot {
                 ? recoilValues.values()
                 : opt.isInitialized === true
                     ? recoilValuesForKeys(concatIterables([knownAtoms, knownSelectors]))
-                    : filterIterable(recoilValues.values(), (recoilValue) => !knownAtoms.has(recoilValue.key) && !knownSelectors.has(recoilValue.key));
+                    : filterIterable(recoilValues.values(), recoilValue => !knownAtoms.has(recoilValue.key) &&
+                        !knownSelectors.has(recoilValue.key));
         };
         // Report the current status of a node.
         // This peeks the current state and does not affect the snapshot state at all
@@ -2618,10 +2625,7 @@ function cloneStoreState(store, treeState, bumpVersion = false) {
         // FIXME here's a copy
         // Create blank cleanup handlers for atoms so snapshots don't re-run
         // atom effects.
-        nodeCleanupFunctions: new Map(mapIterable(storeState.nodeCleanupFunctions.entries(), ([key]) => [
-            key,
-            () => { },
-        ])),
+        nodeCleanupFunctions: new Map(mapIterable(storeState.nodeCleanupFunctions.entries(), ([key]) => [key, () => { }])),
     };
 }
 // Factory to build a fresh snapshot
@@ -2634,7 +2638,7 @@ const [memoizedCloneSnapshot, invalidateMemoizedSnapshot] = memoizeOneWithArgsHa
     var _a;
     const storeState = store.getState();
     const treeState = version === 'latest'
-        ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+        ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
         : nullthrows(storeState.previousTree);
     return new Snapshot(cloneStoreState(store, treeState), store.storeID);
 }, (store, version) => {
@@ -2652,7 +2656,7 @@ function cloneSnapshot(store, version = 'latest') {
     if (process.env.NODE_ENV === 'test') {
         const storeState = store.getState();
         const treeState = version === 'latest'
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : nullthrows(storeState.previousTree);
         return new Snapshot(cloneStoreState(store, treeState), store.storeID);
     }
@@ -2666,7 +2670,9 @@ function cloneSnapshot(store, version = 'latest') {
         }
         catch (retainError) {
             // If checking isRetained() fails, assume it's released and create fresh
-            if (retainError && typeof retainError === 'object' && 'message' in retainError &&
+            if (retainError &&
+                typeof retainError === 'object' &&
+                'message' in retainError &&
                 typeof retainError.message === 'string' &&
                 retainError.message.includes('already been released')) {
                 invalidateMemoizedSnapshot();
@@ -2678,7 +2684,9 @@ function cloneSnapshot(store, version = 'latest') {
     }
     catch (error) {
         // If the memoized snapshot was released, create a fresh one
-        if (error && typeof error === 'object' && 'message' in error &&
+        if (error &&
+            typeof error === 'object' &&
+            'message' in error &&
             typeof error.message === 'string' &&
             error.message.includes('already been released')) {
             invalidateMemoizedSnapshot();
@@ -3229,7 +3237,7 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         const loadable = getRecoilValueAsLoadable(store, recoilValue, treeState);
         return { loadable, key: recoilValue.key };
@@ -3253,7 +3261,7 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
         if (Recoil_gkx_OSS('recoil_memory_managament_2020')) {
             updateRetainCount(store, recoilValue.key, 1);
         }
-        const subscription = subscribeToRecoilValue(store, recoilValue, (_treeState) => notify());
+        const subscription = subscribeToRecoilValue(store, recoilValue, _treeState => notify());
         return () => {
             // Release retention when subscription is released
             if (Recoil_gkx_OSS('recoil_memory_managament_2020')) {
@@ -3266,7 +3274,8 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
     if (React.useSyncExternalStore === undefined) {
         throw new Error('useSyncExternalStore is not available in this version of React');
     }
-    return React.useSyncExternalStore(subscribe, getMemoizedSnapshot, () => ssrSnapshot).loadable;
+    return React.useSyncExternalStore(subscribe, getMemoizedSnapshot, () => ssrSnapshot)
+        .loadable;
 }
 function useRecoilValueLoadable_TRANSITION_SUPPORT(recoilValue) {
     const storeRef = useStoreRef();
@@ -3276,7 +3285,7 @@ function useRecoilValueLoadable_TRANSITION_SUPPORT(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         return getRecoilValueAsLoadable(store, recoilValue, treeState);
     }, [storeRef, recoilValue]);
@@ -3307,7 +3316,7 @@ function useRecoilValueLoadable_LEGACY(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         return getRecoilValueAsLoadable(store, recoilValue, treeState);
     }, [storeRef, recoilValue]);
@@ -3448,7 +3457,9 @@ function useTransactionSubscription(callback) {
             }
             catch (error) {
                 // In React 19, snapshots can fail more aggressively
-                if (error && typeof error === 'object' && 'message' in error &&
+                if (error &&
+                    typeof error === 'object' &&
+                    'message' in error &&
                     typeof error.message === 'string' &&
                     error.message.includes('already been released')) {
                     console.warn('Snapshot already released in transaction subscription, skipping');
@@ -3482,7 +3493,9 @@ function useRecoilSnapshot() {
         catch (error) {
             // In React 19, snapshots can be released more aggressively
             // If the snapshot was already released, create a fresh one
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Snapshot already released during initial state, creating fresh snapshot');
@@ -3501,7 +3514,9 @@ function useRecoilSnapshot() {
         catch (error) {
             // In React 19, snapshots can be released more aggressively
             // If the snapshot was already released, skip this update
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Snapshot already released during transaction subscription, skipping update');
@@ -3519,7 +3534,9 @@ function useRecoilSnapshot() {
         }
         catch (error) {
             // If snapshot retention fails, skip this effect
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Cannot retain snapshot in useEffect, already released');
@@ -3560,7 +3577,9 @@ function useRecoilSnapshot() {
         }
         catch (error) {
             // If snapshot retention fails, skip this retention
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Cannot retain snapshot in render, already released');
@@ -3608,7 +3627,10 @@ function gotoSnapshot(store, snapshot) {
             newTree.stateID = snapshot.getID();
             const atomKeysChanged = new Set();
             // Update atoms that should be restored from snapshots
-            for (const key of new Set([...prev.atomValues.keys(), ...next.atomValues.keys()])) {
+            for (const key of new Set([
+                ...prev.atomValues.keys(),
+                ...next.atomValues.keys(),
+            ])) {
                 const node = getNode(key);
                 if (!node.shouldRestoreFromSnapshots)
                     continue;
@@ -3619,7 +3641,9 @@ function gotoSnapshot(store, snapshot) {
                     const loadable = next.atomValues.has(key)
                         ? nullthrows(next.atomValues.get(key))
                         : loadableWithValue(DEFAULT_VALUE);
-                    if (loadable && loadable.state === 'hasValue' && loadable.contents === DEFAULT_VALUE) {
+                    if (loadable &&
+                        loadable.state === 'hasValue' &&
+                        loadable.contents === DEFAULT_VALUE) {
                         newTree.atomValues.delete(key);
                     }
                     else {
@@ -3656,7 +3680,6 @@ function useGetRecoilValueInfo() {
 function useRecoilBridgeAcrossReactRoots() {
     const store = useStoreRef().current;
     return React.useMemo(() => {
-        // eslint-disable-next-line no-shadow
         function RecoilBridge({ children }) {
             return jsxRuntime.jsx(RecoilRoot, { store: store, children: children });
         }
@@ -3785,7 +3808,7 @@ function recoilCallback(store, fn, args, extraInterface) {
                         // For all other methods, delegate to target
                         const value = target[prop];
                         return typeof value === 'function' ? value.bind(target) : value;
-                    }
+                    },
                 });
                 return hybridSnapshot;
             },
@@ -3822,7 +3845,6 @@ function useRecoilCallback(fn, deps) {
     }, 
     // Don't include storeRef in deps to avoid unnecessary re-creation
     // The store reference should be stable within a RecoilRoot
-    // eslint-disable-next-line fb-www/react-hooks-deps
     deps !== null && deps !== void 0 ? deps : []);
 }
 
@@ -3867,7 +3889,7 @@ function isNode(object) {
     if (typeof window === 'undefined') {
         return false;
     }
-    const doc = object != null ? (_a = object.ownerDocument) !== null && _a !== void 0 ? _a : document : document;
+    const doc = object != null ? ((_a = object.ownerDocument) !== null && _a !== void 0 ? _a : document) : document;
     const defaultView = (_b = doc.defaultView) !== null && _b !== void 0 ? _b : window;
     return !!(object != null &&
         (typeof defaultView.Node === 'function'
@@ -3981,7 +4003,8 @@ function stringify(x, opt, key, visited = new Set()) {
     if (x instanceof Map) {
         const obj = {};
         for (const [k, v] of x) {
-            obj[typeof k === 'string' ? k : stringify(k, opt, undefined, visited)] = v;
+            obj[typeof k === 'string' ? k : stringify(k, opt, undefined, visited)] =
+                v;
         }
         const result = stringify(obj, opt, key, visited);
         visited.delete(x);
@@ -4113,7 +4136,7 @@ class TreeCache {
             // Second, setup the leaf node:
             // If there is an existing leaf for this route confirm it is consistent
             const oldLeaf = node
-                ? (_d = node.branches.get(branchKey)) !== null && _d !== void 0 ? _d : null
+                ? ((_d = node.branches.get(branchKey)) !== null && _d !== void 0 ? _d : null)
                 : this._root;
             if (oldLeaf != null &&
                 (oldLeaf.type !== 'leaf' || oldLeaf.branchKey !== branchKey)) {
@@ -4339,9 +4362,11 @@ const defaultPolicy$1 = {
     maxSize: Infinity,
 };
 function treeCacheFromPolicy(policy = defaultPolicy$1, name) {
-    const { equality = defaultPolicy$1.equality, } = policy;
+    const { equality = defaultPolicy$1.equality } = policy;
     const eviction = 'eviction' in policy ? policy.eviction : 'keep-all';
-    const maxSize = 'maxSize' in policy && policy.eviction === 'lru' ? policy.maxSize : defaultPolicy$1.maxSize;
+    const maxSize = 'maxSize' in policy && policy.eviction === 'lru'
+        ? policy.maxSize
+        : defaultPolicy$1.maxSize;
     const valueMapper = getValueMapper$1(equality);
     return getTreeCache(eviction, maxSize, valueMapper, name);
 }
@@ -4644,8 +4669,7 @@ function selector(options) {
             });
         }
         catch (error) {
-            throw err(`Problem with cache lookup for selector "${key}": ${error
-                .message}`);
+            throw err(`Problem with cache lookup for selector "${key}": ${error.message}`);
         }
         if (cachedLoadable) {
             state.atomValues.set(key, cachedLoadable);
@@ -4750,8 +4774,7 @@ function selector(options) {
             cache.set(depValuesToDepRoute(depValues), loadable);
         }
         catch (error) {
-            throw err(`Problem with setting cache for selector "${key}": ${error
-                .message}`);
+            throw err(`Problem with setting cache for selector "${key}": ${error.message}`);
         }
     }
     function detectCircularDependencies(fn) {
@@ -5047,7 +5070,8 @@ function baseAtom(options) {
                 var _a;
                 const { release } = store.subscribeToTransactions(currentStore => {
                     var _a, _b;
-                    let { currentTree, previousTree } = currentStore.getState();
+                    let { previousTree } = currentStore.getState();
+                    const { currentTree } = currentStore.getState();
                     if (!previousTree) {
                         recoverableViolation('Transaction subscribers notified without a next tree being present -- this is a bug in Recoil');
                         previousTree = currentTree;
@@ -5147,7 +5171,9 @@ function baseAtom(options) {
     function setAtom(_store, state, newValue) {
         if (state.atomValues.has(key)) {
             const existing = state.atomValues.get(key);
-            if (existing && existing.state === 'hasValue' && newValue === existing.contents) {
+            if (existing &&
+                existing.state === 'hasValue' &&
+                newValue === existing.contents) {
                 return new Map();
             }
         }
@@ -5262,9 +5288,11 @@ const defaultPolicy = {
     maxSize: Infinity,
 };
 function cacheFromPolicy(policy = defaultPolicy) {
-    const { equality = defaultPolicy.equality, } = policy;
+    const { equality = defaultPolicy.equality } = policy;
     const eviction = 'eviction' in policy ? policy.eviction : 'keep-all';
-    const maxSize = 'maxSize' in policy && policy.eviction === 'lru' ? policy.maxSize : defaultPolicy.maxSize;
+    const maxSize = 'maxSize' in policy && policy.eviction === 'lru'
+        ? policy.maxSize
+        : defaultPolicy.maxSize;
     const valueMapper = getValueMapper(equality);
     const cache = getCache(eviction, maxSize, valueMapper);
     return cache;
@@ -5283,7 +5311,10 @@ function getCache(eviction, maxSize, mapKey) {
         case 'keep-all':
             return new MapCache({ mapKey: mapKey });
         case 'lru':
-            return new LRUCache({ mapKey: mapKey, maxSize: nullthrows(maxSize) });
+            return new LRUCache({
+                mapKey: mapKey,
+                maxSize: nullthrows(maxSize),
+            });
         case 'most-recent':
             return new LRUCache({ mapKey: mapKey, maxSize: 1 });
     }
@@ -5317,7 +5348,7 @@ function atomFamily(options) {
                 ? options.effects(params)
                 : typeof options.effects_UNSTABLE === 'function'
                     ? options.effects_UNSTABLE(params)
-                    : (_b = options.effects) !== null && _b !== void 0 ? _b : options.effects_UNSTABLE }));
+                    : ((_b = options.effects) !== null && _b !== void 0 ? _b : options.effects_UNSTABLE) }));
         atomCache.set(params, newAtom);
         setConfigDeletionHandler(newAtom.key, () => {
             atomCache.delete(params);
@@ -5544,7 +5575,7 @@ const waitForAllSettled = selectorFamily({
         if (exceptions.every(exp => !isPromise(exp))) {
             return wrapLoadables(dependencies, results, exceptions);
         }
-        return (Promise.all(exceptions.map((exp, i) => isPromise(exp)
+        return Promise.all(exceptions.map((exp, i) => isPromise(exp)
             ? exp
                 .then(result => {
                 results[i] = result;
@@ -5554,8 +5585,7 @@ const waitForAllSettled = selectorFamily({
                 results[i] = undefined;
                 exceptions[i] = error;
             })
-            : null))
-            .then(() => wrapLoadables(dependencies, results, exceptions)));
+            : null)).then(() => wrapLoadables(dependencies, results, exceptions));
     },
     dangerouslyAllowMutability: true,
 });

package/dist/index.d.cts

@@ -16,7 +16,7 @@ declare abstract class BaseLoadable<T> {
     is(other: Loadable<any>): boolean;
 }
 declare class ValueLoadable<T> extends BaseLoadable<T> {
-    state: 'hasValue';
+    state: "hasValue";
     contents: T;
     constructor(value: T);
     getValue(): T;
@@ -28,7 +28,7 @@ declare class ValueLoadable<T> extends BaseLoadable<T> {
     map<S>(map: (value: T) => Promise<S> | Loadable<S> | S): Loadable<S>;
 }
 declare class ErrorLoadable<T> extends BaseLoadable<T> {
-    state: 'hasError';
+    state: "hasError";
     contents: unknown;
     constructor(error: unknown);
     getValue(): T;
@@ -40,7 +40,7 @@ declare class ErrorLoadable<T> extends BaseLoadable<T> {
     map<S>(_map: (value: T) => Promise<S> | Loadable<S> | S): Loadable<S>;
 }
 declare class LoadingLoadable<T> extends BaseLoadable<T> {
-    state: 'loading';
+    state: "loading";
     contents: Promise<T>;
     constructor(promise: Promise<T>);
     getValue(): T;
@@ -486,7 +486,7 @@ declare function useRecoilTransactionObserver(callback: (info: {
 declare function useRecoilSnapshot(): Snapshot;
 declare function useGotoRecoilSnapshot(): (snapshot: Snapshot) => void;
 
-declare function useGetRecoilValueInfo(): (<T>(recoilValue: RecoilValue<T>) => RecoilValueInfo<T>);
+declare function useGetRecoilValueInfo(): <T>(recoilValue: RecoilValue<T>) => RecoilValueInfo<T>;
 
 declare function useRecoilRefresher<T>(recoilValue: RecoilValue<T>): () => void;
 
@@ -508,9 +508,9 @@ type AtomFamilyOptionsWithoutDefault<T, P extends Parameter> = Readonly<AtomOpti
     retainedBy_UNSTABLE?: RetainedBy | ((param: P) => RetainedBy);
     cachePolicyForParams_UNSTABLE?: CachePolicyWithoutEviction;
 }>;
-type AtomFamilyOptions<T, P extends Parameter> = (Readonly<AtomFamilyOptionsWithoutDefault<T, P> & {
+type AtomFamilyOptions<T, P extends Parameter> = Readonly<AtomFamilyOptionsWithoutDefault<T, P> & {
     default: RecoilValue<T> | Promise<T> | Loadable<T> | WrappedValue<T> | T | ((param: P) => T | RecoilValue<T> | Promise<T> | Loadable<T> | WrappedValue<T>);
-}>) | AtomFamilyOptionsWithoutDefault<T, P>;
+}> | AtomFamilyOptionsWithoutDefault<T, P>;
 declare function atomFamily<T, P extends Parameter>(options: AtomFamilyOptions<T, P>): (params: P) => RecoilState<T>;
 
 /**

package/dist/index.d.ts

@@ -16,7 +16,7 @@ declare abstract class BaseLoadable<T> {
     is(other: Loadable<any>): boolean;
 }
 declare class ValueLoadable<T> extends BaseLoadable<T> {
-    state: 'hasValue';
+    state: "hasValue";
     contents: T;
     constructor(value: T);
     getValue(): T;
@@ -28,7 +28,7 @@ declare class ValueLoadable<T> extends BaseLoadable<T> {
     map<S>(map: (value: T) => Promise<S> | Loadable<S> | S): Loadable<S>;
 }
 declare class ErrorLoadable<T> extends BaseLoadable<T> {
-    state: 'hasError';
+    state: "hasError";
     contents: unknown;
     constructor(error: unknown);
     getValue(): T;
@@ -40,7 +40,7 @@ declare class ErrorLoadable<T> extends BaseLoadable<T> {
     map<S>(_map: (value: T) => Promise<S> | Loadable<S> | S): Loadable<S>;
 }
 declare class LoadingLoadable<T> extends BaseLoadable<T> {
-    state: 'loading';
+    state: "loading";
     contents: Promise<T>;
     constructor(promise: Promise<T>);
     getValue(): T;
@@ -486,7 +486,7 @@ declare function useRecoilTransactionObserver(callback: (info: {
 declare function useRecoilSnapshot(): Snapshot;
 declare function useGotoRecoilSnapshot(): (snapshot: Snapshot) => void;
 
-declare function useGetRecoilValueInfo(): (<T>(recoilValue: RecoilValue<T>) => RecoilValueInfo<T>);
+declare function useGetRecoilValueInfo(): <T>(recoilValue: RecoilValue<T>) => RecoilValueInfo<T>;
 
 declare function useRecoilRefresher<T>(recoilValue: RecoilValue<T>): () => void;
 
@@ -508,9 +508,9 @@ type AtomFamilyOptionsWithoutDefault<T, P extends Parameter> = Readonly<AtomOpti
     retainedBy_UNSTABLE?: RetainedBy | ((param: P) => RetainedBy);
     cachePolicyForParams_UNSTABLE?: CachePolicyWithoutEviction;
 }>;
-type AtomFamilyOptions<T, P extends Parameter> = (Readonly<AtomFamilyOptionsWithoutDefault<T, P> & {
+type AtomFamilyOptions<T, P extends Parameter> = Readonly<AtomFamilyOptionsWithoutDefault<T, P> & {
     default: RecoilValue<T> | Promise<T> | Loadable<T> | WrappedValue<T> | T | ((param: P) => T | RecoilValue<T> | Promise<T> | Loadable<T> | WrappedValue<T>);
-}>) | AtomFamilyOptionsWithoutDefault<T, P>;
+}> | AtomFamilyOptionsWithoutDefault<T, P>;
 declare function atomFamily<T, P extends Parameter>(options: AtomFamilyOptions<T, P>): (params: P) => RecoilState<T>;
 
 /**

package/dist/index.mjs

@@ -11,7 +11,9 @@ function err(message) {
         try {
             throw error;
         }
-        catch (_) { /* T-ignore */ }
+        catch (_) {
+            /* T-ignore */
+        }
     }
     return error;
 }
@@ -112,7 +114,8 @@ class BaseLoadable {
         throw err(`Loadable expected error, but in "${this.state}" state`);
     }
     is(other) {
-        return other.state === this.state && other.contents === this.contents;
+        return (other.state === this.state &&
+            Object.is(other.contents, this.contents));
     }
 }
 class ValueLoadable extends BaseLoadable {
@@ -822,7 +825,6 @@ const getNextComponentID = () => nextComponentID++;
 /** React mode and feature detection helpers */
 var _a;
 // Access either useSyncExternalStore or unstable_useSyncExternalStore depending on React version.
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const useSyncExternalStore = 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 (_a = React.useSyncExternalStore) !== null && _a !== void 0 ? _a : 
@@ -833,14 +835,17 @@ let ReactRendererVersionMismatchWarnOnce = false;
 function currentRendererSupportsUseSyncExternalStore() {
     var _a;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const internals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    const internals = React
+        .__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     if (!internals)
         return false;
     const { ReactCurrentDispatcher, ReactCurrentOwner } = internals;
     // The dispatcher can be on ReactCurrentDispatcher.current (newer) or ReactCurrentOwner.currentDispatcher (older)
     const dispatcher = (_a = ReactCurrentDispatcher === null || ReactCurrentDispatcher === void 0 ? void 0 : ReactCurrentDispatcher.current) !== null && _a !== void 0 ? _a : ReactCurrentOwner === null || ReactCurrentOwner === void 0 ? void 0 : ReactCurrentOwner.currentDispatcher;
     const isSupported = (dispatcher === null || dispatcher === void 0 ? void 0 : dispatcher.useSyncExternalStore) != null;
-    if (useSyncExternalStore !== undefined && !isSupported && !ReactRendererVersionMismatchWarnOnce) {
+    if (useSyncExternalStore !== undefined &&
+        !isSupported &&
+        !ReactRendererVersionMismatchWarnOnce) {
         ReactRendererVersionMismatchWarnOnce = true;
         recoverableViolation('A React renderer without React 18+ API support is being used with React 18+.');
     }
@@ -891,7 +896,8 @@ writes) {
     return result;
 }
 function writeLoadableToTreeState(state, key, loadable) {
-    if (loadable.state === 'hasValue' && loadable.contents instanceof DefaultValue) {
+    if (loadable.state === 'hasValue' &&
+        loadable.contents instanceof DefaultValue) {
         state.atomValues.delete(key);
     }
     else {
@@ -927,7 +933,8 @@ function notifyComponents$2(store, treeState) {
     }
 }
 function valueFromValueOrUpdater(store, state, recoilValue, valueOrUpdater) {
-    if (typeof valueOrUpdater === 'function' && valueOrUpdater !== DEFAULT_VALUE) {
+    if (typeof valueOrUpdater === 'function' &&
+        valueOrUpdater !== DEFAULT_VALUE) {
         // Updater form: pass in the current value
         const current = getRecoilValueAsLoadable(store, recoilValue, state);
         if (current.state === 'loading') {
@@ -2380,8 +2387,7 @@ function* concatIterables(iters) {
  * TypeScript port of Recoil_Environment.js
  */
 const isSSR = typeof window === 'undefined';
-const isWindow = (value) => !isSSR &&
-    (value === window || value instanceof Window);
+const isWindow = (value) => !isSSR && (value === window || value instanceof Window);
 const isReactNative = typeof navigator !== 'undefined' && navigator.product === 'ReactNative';
 
 /**
@@ -2451,7 +2457,8 @@ class Snapshot {
                 ? recoilValues.values()
                 : opt.isInitialized === true
                     ? recoilValuesForKeys(concatIterables([knownAtoms, knownSelectors]))
-                    : filterIterable(recoilValues.values(), (recoilValue) => !knownAtoms.has(recoilValue.key) && !knownSelectors.has(recoilValue.key));
+                    : filterIterable(recoilValues.values(), recoilValue => !knownAtoms.has(recoilValue.key) &&
+                        !knownSelectors.has(recoilValue.key));
         };
         // Report the current status of a node.
         // This peeks the current state and does not affect the snapshot state at all
@@ -2616,10 +2623,7 @@ function cloneStoreState(store, treeState, bumpVersion = false) {
         // FIXME here's a copy
         // Create blank cleanup handlers for atoms so snapshots don't re-run
         // atom effects.
-        nodeCleanupFunctions: new Map(mapIterable(storeState.nodeCleanupFunctions.entries(), ([key]) => [
-            key,
-            () => { },
-        ])),
+        nodeCleanupFunctions: new Map(mapIterable(storeState.nodeCleanupFunctions.entries(), ([key]) => [key, () => { }])),
     };
 }
 // Factory to build a fresh snapshot
@@ -2632,7 +2636,7 @@ const [memoizedCloneSnapshot, invalidateMemoizedSnapshot] = memoizeOneWithArgsHa
     var _a;
     const storeState = store.getState();
     const treeState = version === 'latest'
-        ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+        ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
         : nullthrows(storeState.previousTree);
     return new Snapshot(cloneStoreState(store, treeState), store.storeID);
 }, (store, version) => {
@@ -2650,7 +2654,7 @@ function cloneSnapshot(store, version = 'latest') {
     if (process.env.NODE_ENV === 'test') {
         const storeState = store.getState();
         const treeState = version === 'latest'
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : nullthrows(storeState.previousTree);
         return new Snapshot(cloneStoreState(store, treeState), store.storeID);
     }
@@ -2664,7 +2668,9 @@ function cloneSnapshot(store, version = 'latest') {
         }
         catch (retainError) {
             // If checking isRetained() fails, assume it's released and create fresh
-            if (retainError && typeof retainError === 'object' && 'message' in retainError &&
+            if (retainError &&
+                typeof retainError === 'object' &&
+                'message' in retainError &&
                 typeof retainError.message === 'string' &&
                 retainError.message.includes('already been released')) {
                 invalidateMemoizedSnapshot();
@@ -2676,7 +2682,9 @@ function cloneSnapshot(store, version = 'latest') {
     }
     catch (error) {
         // If the memoized snapshot was released, create a fresh one
-        if (error && typeof error === 'object' && 'message' in error &&
+        if (error &&
+            typeof error === 'object' &&
+            'message' in error &&
             typeof error.message === 'string' &&
             error.message.includes('already been released')) {
             invalidateMemoizedSnapshot();
@@ -3227,7 +3235,7 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         const loadable = getRecoilValueAsLoadable(store, recoilValue, treeState);
         return { loadable, key: recoilValue.key };
@@ -3251,7 +3259,7 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
         if (Recoil_gkx_OSS('recoil_memory_managament_2020')) {
             updateRetainCount(store, recoilValue.key, 1);
         }
-        const subscription = subscribeToRecoilValue(store, recoilValue, (_treeState) => notify());
+        const subscription = subscribeToRecoilValue(store, recoilValue, _treeState => notify());
         return () => {
             // Release retention when subscription is released
             if (Recoil_gkx_OSS('recoil_memory_managament_2020')) {
@@ -3264,7 +3272,8 @@ function useRecoilValueLoadable_SYNC_EXTERNAL_STORE(recoilValue) {
     if (useSyncExternalStore$1 === undefined) {
         throw new Error('useSyncExternalStore is not available in this version of React');
     }
-    return useSyncExternalStore$1(subscribe, getMemoizedSnapshot, () => ssrSnapshot).loadable;
+    return useSyncExternalStore$1(subscribe, getMemoizedSnapshot, () => ssrSnapshot)
+        .loadable;
 }
 function useRecoilValueLoadable_TRANSITION_SUPPORT(recoilValue) {
     const storeRef = useStoreRef();
@@ -3274,7 +3283,7 @@ function useRecoilValueLoadable_TRANSITION_SUPPORT(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         return getRecoilValueAsLoadable(store, recoilValue, treeState);
     }, [storeRef, recoilValue]);
@@ -3305,7 +3314,7 @@ function useRecoilValueLoadable_LEGACY(recoilValue) {
         const store = storeRef.current;
         const storeState = store.getState();
         const treeState = reactMode().early
-            ? (_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree
+            ? ((_a = storeState.nextTree) !== null && _a !== void 0 ? _a : storeState.currentTree)
             : storeState.currentTree;
         return getRecoilValueAsLoadable(store, recoilValue, treeState);
     }, [storeRef, recoilValue]);
@@ -3446,7 +3455,9 @@ function useTransactionSubscription(callback) {
             }
             catch (error) {
                 // In React 19, snapshots can fail more aggressively
-                if (error && typeof error === 'object' && 'message' in error &&
+                if (error &&
+                    typeof error === 'object' &&
+                    'message' in error &&
                     typeof error.message === 'string' &&
                     error.message.includes('already been released')) {
                     console.warn('Snapshot already released in transaction subscription, skipping');
@@ -3480,7 +3491,9 @@ function useRecoilSnapshot() {
         catch (error) {
             // In React 19, snapshots can be released more aggressively
             // If the snapshot was already released, create a fresh one
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Snapshot already released during initial state, creating fresh snapshot');
@@ -3499,7 +3512,9 @@ function useRecoilSnapshot() {
         catch (error) {
             // In React 19, snapshots can be released more aggressively
             // If the snapshot was already released, skip this update
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Snapshot already released during transaction subscription, skipping update');
@@ -3517,7 +3532,9 @@ function useRecoilSnapshot() {
         }
         catch (error) {
             // If snapshot retention fails, skip this effect
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Cannot retain snapshot in useEffect, already released');
@@ -3558,7 +3575,9 @@ function useRecoilSnapshot() {
         }
         catch (error) {
             // If snapshot retention fails, skip this retention
-            if (error && typeof error === 'object' && 'message' in error &&
+            if (error &&
+                typeof error === 'object' &&
+                'message' in error &&
                 typeof error.message === 'string' &&
                 error.message.includes('already been released')) {
                 console.warn('Cannot retain snapshot in render, already released');
@@ -3606,7 +3625,10 @@ function gotoSnapshot(store, snapshot) {
             newTree.stateID = snapshot.getID();
             const atomKeysChanged = new Set();
             // Update atoms that should be restored from snapshots
-            for (const key of new Set([...prev.atomValues.keys(), ...next.atomValues.keys()])) {
+            for (const key of new Set([
+                ...prev.atomValues.keys(),
+                ...next.atomValues.keys(),
+            ])) {
                 const node = getNode(key);
                 if (!node.shouldRestoreFromSnapshots)
                     continue;
@@ -3617,7 +3639,9 @@ function gotoSnapshot(store, snapshot) {
                     const loadable = next.atomValues.has(key)
                         ? nullthrows(next.atomValues.get(key))
                         : loadableWithValue(DEFAULT_VALUE);
-                    if (loadable && loadable.state === 'hasValue' && loadable.contents === DEFAULT_VALUE) {
+                    if (loadable &&
+                        loadable.state === 'hasValue' &&
+                        loadable.contents === DEFAULT_VALUE) {
                         newTree.atomValues.delete(key);
                     }
                     else {
@@ -3654,7 +3678,6 @@ function useGetRecoilValueInfo() {
 function useRecoilBridgeAcrossReactRoots() {
     const store = useStoreRef().current;
     return useMemo(() => {
-        // eslint-disable-next-line no-shadow
         function RecoilBridge({ children }) {
             return jsx(RecoilRoot, { store: store, children: children });
         }
@@ -3783,7 +3806,7 @@ function recoilCallback(store, fn, args, extraInterface) {
                         // For all other methods, delegate to target
                         const value = target[prop];
                         return typeof value === 'function' ? value.bind(target) : value;
-                    }
+                    },
                 });
                 return hybridSnapshot;
             },
@@ -3820,7 +3843,6 @@ function useRecoilCallback(fn, deps) {
     }, 
     // Don't include storeRef in deps to avoid unnecessary re-creation
     // The store reference should be stable within a RecoilRoot
-    // eslint-disable-next-line fb-www/react-hooks-deps
     deps !== null && deps !== void 0 ? deps : []);
 }
 
@@ -3865,7 +3887,7 @@ function isNode(object) {
     if (typeof window === 'undefined') {
         return false;
     }
-    const doc = object != null ? (_a = object.ownerDocument) !== null && _a !== void 0 ? _a : document : document;
+    const doc = object != null ? ((_a = object.ownerDocument) !== null && _a !== void 0 ? _a : document) : document;
     const defaultView = (_b = doc.defaultView) !== null && _b !== void 0 ? _b : window;
     return !!(object != null &&
         (typeof defaultView.Node === 'function'
@@ -3979,7 +4001,8 @@ function stringify(x, opt, key, visited = new Set()) {
     if (x instanceof Map) {
         const obj = {};
         for (const [k, v] of x) {
-            obj[typeof k === 'string' ? k : stringify(k, opt, undefined, visited)] = v;
+            obj[typeof k === 'string' ? k : stringify(k, opt, undefined, visited)] =
+                v;
         }
         const result = stringify(obj, opt, key, visited);
         visited.delete(x);
@@ -4111,7 +4134,7 @@ class TreeCache {
             // Second, setup the leaf node:
             // If there is an existing leaf for this route confirm it is consistent
             const oldLeaf = node
-                ? (_d = node.branches.get(branchKey)) !== null && _d !== void 0 ? _d : null
+                ? ((_d = node.branches.get(branchKey)) !== null && _d !== void 0 ? _d : null)
                 : this._root;
             if (oldLeaf != null &&
                 (oldLeaf.type !== 'leaf' || oldLeaf.branchKey !== branchKey)) {
@@ -4337,9 +4360,11 @@ const defaultPolicy$1 = {
     maxSize: Infinity,
 };
 function treeCacheFromPolicy(policy = defaultPolicy$1, name) {
-    const { equality = defaultPolicy$1.equality, } = policy;
+    const { equality = defaultPolicy$1.equality } = policy;
     const eviction = 'eviction' in policy ? policy.eviction : 'keep-all';
-    const maxSize = 'maxSize' in policy && policy.eviction === 'lru' ? policy.maxSize : defaultPolicy$1.maxSize;
+    const maxSize = 'maxSize' in policy && policy.eviction === 'lru'
+        ? policy.maxSize
+        : defaultPolicy$1.maxSize;
     const valueMapper = getValueMapper$1(equality);
     return getTreeCache(eviction, maxSize, valueMapper, name);
 }
@@ -4642,8 +4667,7 @@ function selector(options) {
             });
         }
         catch (error) {
-            throw err(`Problem with cache lookup for selector "${key}": ${error
-                .message}`);
+            throw err(`Problem with cache lookup for selector "${key}": ${error.message}`);
         }
         if (cachedLoadable) {
             state.atomValues.set(key, cachedLoadable);
@@ -4748,8 +4772,7 @@ function selector(options) {
             cache.set(depValuesToDepRoute(depValues), loadable);
         }
         catch (error) {
-            throw err(`Problem with setting cache for selector "${key}": ${error
-                .message}`);
+            throw err(`Problem with setting cache for selector "${key}": ${error.message}`);
         }
     }
     function detectCircularDependencies(fn) {
@@ -5045,7 +5068,8 @@ function baseAtom(options) {
                 var _a;
                 const { release } = store.subscribeToTransactions(currentStore => {
                     var _a, _b;
-                    let { currentTree, previousTree } = currentStore.getState();
+                    let { previousTree } = currentStore.getState();
+                    const { currentTree } = currentStore.getState();
                     if (!previousTree) {
                         recoverableViolation('Transaction subscribers notified without a next tree being present -- this is a bug in Recoil');
                         previousTree = currentTree;
@@ -5145,7 +5169,9 @@ function baseAtom(options) {
     function setAtom(_store, state, newValue) {
         if (state.atomValues.has(key)) {
             const existing = state.atomValues.get(key);
-            if (existing && existing.state === 'hasValue' && newValue === existing.contents) {
+            if (existing &&
+                existing.state === 'hasValue' &&
+                newValue === existing.contents) {
                 return new Map();
             }
         }
@@ -5260,9 +5286,11 @@ const defaultPolicy = {
     maxSize: Infinity,
 };
 function cacheFromPolicy(policy = defaultPolicy) {
-    const { equality = defaultPolicy.equality, } = policy;
+    const { equality = defaultPolicy.equality } = policy;
     const eviction = 'eviction' in policy ? policy.eviction : 'keep-all';
-    const maxSize = 'maxSize' in policy && policy.eviction === 'lru' ? policy.maxSize : defaultPolicy.maxSize;
+    const maxSize = 'maxSize' in policy && policy.eviction === 'lru'
+        ? policy.maxSize
+        : defaultPolicy.maxSize;
     const valueMapper = getValueMapper(equality);
     const cache = getCache(eviction, maxSize, valueMapper);
     return cache;
@@ -5281,7 +5309,10 @@ function getCache(eviction, maxSize, mapKey) {
         case 'keep-all':
             return new MapCache({ mapKey: mapKey });
         case 'lru':
-            return new LRUCache({ mapKey: mapKey, maxSize: nullthrows(maxSize) });
+            return new LRUCache({
+                mapKey: mapKey,
+                maxSize: nullthrows(maxSize),
+            });
         case 'most-recent':
             return new LRUCache({ mapKey: mapKey, maxSize: 1 });
     }
@@ -5315,7 +5346,7 @@ function atomFamily(options) {
                 ? options.effects(params)
                 : typeof options.effects_UNSTABLE === 'function'
                     ? options.effects_UNSTABLE(params)
-                    : (_b = options.effects) !== null && _b !== void 0 ? _b : options.effects_UNSTABLE }));
+                    : ((_b = options.effects) !== null && _b !== void 0 ? _b : options.effects_UNSTABLE) }));
         atomCache.set(params, newAtom);
         setConfigDeletionHandler(newAtom.key, () => {
             atomCache.delete(params);
@@ -5542,7 +5573,7 @@ const waitForAllSettled = selectorFamily({
         if (exceptions.every(exp => !isPromise(exp))) {
             return wrapLoadables(dependencies, results, exceptions);
         }
-        return (Promise.all(exceptions.map((exp, i) => isPromise(exp)
+        return Promise.all(exceptions.map((exp, i) => isPromise(exp)
             ? exp
                 .then(result => {
                 results[i] = result;
@@ -5552,8 +5583,7 @@ const waitForAllSettled = selectorFamily({
                 results[i] = undefined;
                 exceptions[i] = error;
             })
-            : null))
-            .then(() => wrapLoadables(dependencies, results, exceptions)));
+            : null)).then(() => wrapLoadables(dependencies, results, exceptions));
     },
     dangerouslyAllowMutability: true,
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "recoil-next",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Continuation of Recoil - A state management library for React",
   "author": {
     "name": "Mutesa Cedric",
@@ -50,7 +50,7 @@
     "@types/react": "^18.2.39",
     "@types/react-dom": "^18.2.14",
     "@typescript-eslint/eslint-plugin": "^8.36.0",
-    "@vitest/ui": "^2.1.8",
+    "@vitest/ui": "^3.2.4",
     "bumpp": "^10.2.2",
     "eslint-config-prettier": "^10.1.5",
     "eslint-plugin-prettier": "^5.5.1",
@@ -60,8 +60,8 @@
     "rollup-plugin-dts": "^6.2.1",
     "tslib": "^2.6.0",
     "typescript": "^5.4.2",
-    "vitest": "^2.1.8"
+    "vitest": "^3.2.4"
   },
   "repository": "https://github.com/Mutesa-Cedric/Recoil-next.git",
   "license": "MIT"
-}
+}