@legendapp/state 3.0.0-alpha.3 → 3.0.0-alpha.31

package/persist-plugins/async-storage.js

@@ -7,13 +7,13 @@ var MetadataSuffix = "__m";
 var AsyncStorage;
 var { safeParse, safeStringify } = state.internal;
 var ObservablePersistAsyncStorage = class {
-  constructor() {
+  constructor(configuration) {
     this.data = {};
+    this.configuration = configuration;
   }
-  // Init
-  async initialize(config) {
+  async initialize(configOptions) {
+    const storageConfig = this.configuration || configOptions.asyncStorage;
     let tables = [];
-    const storageConfig = config.asyncStorage;
     if (storageConfig) {
       AsyncStorage = storageConfig.AsyncStorage;
       const { preload } = storageConfig;
@@ -87,5 +87,13 @@ var ObservablePersistAsyncStorage = class {
     }
   }
 };
+function configureObservablePersistAsyncStorage(configuration) {
+  return class ObservablePersistAsyncStorageConfigured extends ObservablePersistAsyncStorage {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
 exports.ObservablePersistAsyncStorage = ObservablePersistAsyncStorage;
+exports.configureObservablePersistAsyncStorage = configureObservablePersistAsyncStorage;

package/persist-plugins/async-storage.mjs

@@ -5,13 +5,13 @@ var MetadataSuffix = "__m";
 var AsyncStorage;
 var { safeParse, safeStringify } = internal;
 var ObservablePersistAsyncStorage = class {
-  constructor() {
+  constructor(configuration) {
     this.data = {};
+    this.configuration = configuration;
   }
-  // Init
-  async initialize(config) {
+  async initialize(configOptions) {
+    const storageConfig = this.configuration || configOptions.asyncStorage;
     let tables = [];
-    const storageConfig = config.asyncStorage;
     if (storageConfig) {
       AsyncStorage = storageConfig.AsyncStorage;
       const { preload } = storageConfig;
@@ -85,5 +85,12 @@ var ObservablePersistAsyncStorage = class {
     }
   }
 };
+function configureObservablePersistAsyncStorage(configuration) {
+  return class ObservablePersistAsyncStorageConfigured extends ObservablePersistAsyncStorage {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
-export { ObservablePersistAsyncStorage };
+export { ObservablePersistAsyncStorage, configureObservablePersistAsyncStorage };

package/persist-plugins/indexeddb.d.mts

@@ -1,5 +1,5 @@
 import { Change } from '@legendapp/state';
-import { ObservablePersistPlugin, ObservablePersistPluginOptions, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
+import { ObservablePersistPlugin, ObservablePersistIndexedDBPluginOptions, ObservablePersistPluginOptions, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
 
 declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private tableData;
@@ -9,8 +9,9 @@ declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private isSaveTaskQueued;
     private pendingSaves;
     private promisesQueued;
-    constructor();
-    initialize(config: ObservablePersistPluginOptions): Promise<void>;
+    private configuration;
+    constructor(configuration: ObservablePersistIndexedDBPluginOptions);
+    initialize(configOptions: ObservablePersistPluginOptions): Promise<void>;
     loadTable(table: string, config: PersistOptions): void | Promise<void>;
     getTable(table: string, init: object, config: PersistOptions): any;
     getMetadata(table: string, config: PersistOptions): any;
@@ -25,5 +26,6 @@ declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private _setItem;
     private _setTable;
 }
+declare function configureObservablePersistIndexedDB(configuration: ObservablePersistIndexedDBPluginOptions): typeof ObservablePersistIndexedDB;
 
-export { ObservablePersistIndexedDB };
+export { ObservablePersistIndexedDB, configureObservablePersistIndexedDB };

package/persist-plugins/indexeddb.d.ts

@@ -1,5 +1,5 @@
 import { Change } from '@legendapp/state';
-import { ObservablePersistPlugin, ObservablePersistPluginOptions, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
+import { ObservablePersistPlugin, ObservablePersistIndexedDBPluginOptions, ObservablePersistPluginOptions, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
 
 declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private tableData;
@@ -9,8 +9,9 @@ declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private isSaveTaskQueued;
     private pendingSaves;
     private promisesQueued;
-    constructor();
-    initialize(config: ObservablePersistPluginOptions): Promise<void>;
+    private configuration;
+    constructor(configuration: ObservablePersistIndexedDBPluginOptions);
+    initialize(configOptions: ObservablePersistPluginOptions): Promise<void>;
     loadTable(table: string, config: PersistOptions): void | Promise<void>;
     getTable(table: string, init: object, config: PersistOptions): any;
     getMetadata(table: string, config: PersistOptions): any;
@@ -25,5 +26,6 @@ declare class ObservablePersistIndexedDB implements ObservablePersistPlugin {
     private _setItem;
     private _setTable;
 }
+declare function configureObservablePersistIndexedDB(configuration: ObservablePersistIndexedDBPluginOptions): typeof ObservablePersistIndexedDB;
 
-export { ObservablePersistIndexedDB };
+export { ObservablePersistIndexedDB, configureObservablePersistIndexedDB };

package/persist-plugins/indexeddb.js

@@ -9,29 +9,31 @@ function requestToPromise(request) {
   return new Promise((resolve) => request.onsuccess = () => resolve());
 }
 var ObservablePersistIndexedDB = class {
-  constructor() {
+  constructor(configuration) {
     this.tableData = {};
     this.tableMetadata = {};
     this.tablesAdjusted = /* @__PURE__ */ new Map();
     this.isSaveTaskQueued = false;
     this.pendingSaves = /* @__PURE__ */ new Map();
     this.promisesQueued = [];
+    this.configuration = configuration;
     this.doSave = this.doSave.bind(this);
   }
-  async initialize(config) {
+  async initialize(configOptions) {
+    const config = this.configuration || configOptions.indexedDB;
     if (typeof indexedDB === "undefined")
       return;
-    if (process.env.NODE_ENV === "development" && !(config == null ? void 0 : config.indexedDB)) {
+    if (process.env.NODE_ENV === "development" && !config) {
       console.error("[legend-state] Must configure ObservablePersistIndexedDB");
     }
-    const { databaseName, version, tableNames } = config.indexedDB;
+    const { databaseName, version, tableNames } = config;
     const openRequest = indexedDB.open(databaseName, version);
     openRequest.onerror = () => {
       console.error("Error", openRequest.error);
     };
     openRequest.onupgradeneeded = () => {
       const db = openRequest.result;
-      const { tableNames: tableNames2 } = config.indexedDB;
+      const { tableNames: tableNames2 } = config;
       tableNames2.forEach((table) => {
         if (!db.objectStoreNames.contains(table)) {
           db.createObjectStore(table, {
@@ -163,7 +165,7 @@ var ObservablePersistIndexedDB = class {
         pendingTable.items.add(key);
       } else {
         this.tableData[table] = valueAtPath;
-        pendingTable.tablePrev = prev;
+        pendingTable.tablePrev = prev || {};
         break;
       }
     }
@@ -363,5 +365,13 @@ var ObservablePersistIndexedDB = class {
     return lastSet;
   }
 };
+function configureObservablePersistIndexedDB(configuration) {
+  return class ObservablePersistIndexedDBConfigured extends ObservablePersistIndexedDB {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
 exports.ObservablePersistIndexedDB = ObservablePersistIndexedDB;
+exports.configureObservablePersistIndexedDB = configureObservablePersistIndexedDB;

package/persist-plugins/indexeddb.mjs

@@ -7,29 +7,31 @@ function requestToPromise(request) {
   return new Promise((resolve) => request.onsuccess = () => resolve());
 }
 var ObservablePersistIndexedDB = class {
-  constructor() {
+  constructor(configuration) {
     this.tableData = {};
     this.tableMetadata = {};
     this.tablesAdjusted = /* @__PURE__ */ new Map();
     this.isSaveTaskQueued = false;
     this.pendingSaves = /* @__PURE__ */ new Map();
     this.promisesQueued = [];
+    this.configuration = configuration;
     this.doSave = this.doSave.bind(this);
   }
-  async initialize(config) {
+  async initialize(configOptions) {
+    const config = this.configuration || configOptions.indexedDB;
     if (typeof indexedDB === "undefined")
       return;
-    if (process.env.NODE_ENV === "development" && !(config == null ? void 0 : config.indexedDB)) {
+    if (process.env.NODE_ENV === "development" && !config) {
       console.error("[legend-state] Must configure ObservablePersistIndexedDB");
     }
-    const { databaseName, version, tableNames } = config.indexedDB;
+    const { databaseName, version, tableNames } = config;
     const openRequest = indexedDB.open(databaseName, version);
     openRequest.onerror = () => {
       console.error("Error", openRequest.error);
     };
     openRequest.onupgradeneeded = () => {
       const db = openRequest.result;
-      const { tableNames: tableNames2 } = config.indexedDB;
+      const { tableNames: tableNames2 } = config;
       tableNames2.forEach((table) => {
         if (!db.objectStoreNames.contains(table)) {
           db.createObjectStore(table, {
@@ -161,7 +163,7 @@ var ObservablePersistIndexedDB = class {
         pendingTable.items.add(key);
       } else {
         this.tableData[table] = valueAtPath;
-        pendingTable.tablePrev = prev;
+        pendingTable.tablePrev = prev || {};
         break;
       }
     }
@@ -361,5 +363,12 @@ var ObservablePersistIndexedDB = class {
     return lastSet;
   }
 };
+function configureObservablePersistIndexedDB(configuration) {
+  return class ObservablePersistIndexedDBConfigured extends ObservablePersistIndexedDB {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
-export { ObservablePersistIndexedDB };
+export { ObservablePersistIndexedDB, configureObservablePersistIndexedDB };

package/persist-plugins/mmkv.d.mts

@@ -1,9 +1,12 @@
 import { Change } from '@legendapp/state';
 import { ObservablePersistPlugin, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
+import { MMKVConfiguration } from 'react-native-mmkv';
 
 declare class ObservablePersistMMKV implements ObservablePersistPlugin {
     private data;
     private storages;
+    private configuration;
+    constructor(configuration: MMKVConfiguration);
     getTable<T = any>(table: string, init: object, config: PersistOptions): T;
     getMetadata(table: string, config: PersistOptions): PersistMetadata;
     set(table: string, changes: Change[], config: PersistOptions): void;
@@ -14,5 +17,6 @@ declare class ObservablePersistMMKV implements ObservablePersistPlugin {
     private setValue;
     private save;
 }
+declare function configureObservablePersistMMKV(configuration: MMKVConfiguration): typeof ObservablePersistMMKV;
 
-export { ObservablePersistMMKV };
+export { ObservablePersistMMKV, configureObservablePersistMMKV };

package/persist-plugins/mmkv.d.ts

@@ -1,9 +1,12 @@
 import { Change } from '@legendapp/state';
 import { ObservablePersistPlugin, PersistOptions, PersistMetadata } from '@legendapp/state/sync';
+import { MMKVConfiguration } from 'react-native-mmkv';
 
 declare class ObservablePersistMMKV implements ObservablePersistPlugin {
     private data;
     private storages;
+    private configuration;
+    constructor(configuration: MMKVConfiguration);
     getTable<T = any>(table: string, init: object, config: PersistOptions): T;
     getMetadata(table: string, config: PersistOptions): PersistMetadata;
     set(table: string, changes: Change[], config: PersistOptions): void;
@@ -14,5 +17,6 @@ declare class ObservablePersistMMKV implements ObservablePersistPlugin {
     private setValue;
     private save;
 }
+declare function configureObservablePersistMMKV(configuration: MMKVConfiguration): typeof ObservablePersistMMKV;
 
-export { ObservablePersistMMKV };
+export { ObservablePersistMMKV, configureObservablePersistMMKV };

package/persist-plugins/mmkv.js

@@ -8,7 +8,7 @@ var symbolDefault = Symbol();
 var MetadataSuffix = "__m";
 var { safeParse, safeStringify } = state.internal;
 var ObservablePersistMMKV = class {
-  constructor() {
+  constructor(configuration) {
     this.data = {};
     this.storages = /* @__PURE__ */ new Map([
       [
@@ -18,6 +18,7 @@ var ObservablePersistMMKV = class {
         })
       ]
     ]);
+    this.configuration = configuration;
   }
   // Gets
   getTable(table, init, config) {
@@ -59,12 +60,12 @@ var ObservablePersistMMKV = class {
   }
   // Private
   getStorage(config) {
-    const { mmkv } = config;
-    if (mmkv) {
-      const key = JSON.stringify(mmkv);
+    const configuration = config.mmkv || this.configuration;
+    if (configuration) {
+      const key = JSON.stringify(configuration);
       let storage = this.storages.get(key);
       if (!storage) {
-        storage = new reactNativeMmkv.MMKV(mmkv);
+        storage = new reactNativeMmkv.MMKV(configuration);
         this.storages.set(key, storage);
       }
       return storage;
@@ -90,5 +91,13 @@ var ObservablePersistMMKV = class {
     }
   }
 };
+function configureObservablePersistMMKV(configuration) {
+  return class ObservablePersistMMKVConfigured extends ObservablePersistMMKV {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
 exports.ObservablePersistMMKV = ObservablePersistMMKV;
+exports.configureObservablePersistMMKV = configureObservablePersistMMKV;

package/persist-plugins/mmkv.mjs

@@ -6,7 +6,7 @@ var symbolDefault = Symbol();
 var MetadataSuffix = "__m";
 var { safeParse, safeStringify } = internal;
 var ObservablePersistMMKV = class {
-  constructor() {
+  constructor(configuration) {
     this.data = {};
     this.storages = /* @__PURE__ */ new Map([
       [
@@ -16,6 +16,7 @@ var ObservablePersistMMKV = class {
         })
       ]
     ]);
+    this.configuration = configuration;
   }
   // Gets
   getTable(table, init, config) {
@@ -57,12 +58,12 @@ var ObservablePersistMMKV = class {
   }
   // Private
   getStorage(config) {
-    const { mmkv } = config;
-    if (mmkv) {
-      const key = JSON.stringify(mmkv);
+    const configuration = config.mmkv || this.configuration;
+    if (configuration) {
+      const key = JSON.stringify(configuration);
       let storage = this.storages.get(key);
       if (!storage) {
-        storage = new MMKV(mmkv);
+        storage = new MMKV(configuration);
         this.storages.set(key, storage);
       }
       return storage;
@@ -88,5 +89,12 @@ var ObservablePersistMMKV = class {
     }
   }
 };
+function configureObservablePersistMMKV(configuration) {
+  return class ObservablePersistMMKVConfigured extends ObservablePersistMMKV {
+    constructor() {
+      super(configuration);
+    }
+  };
+}
 
-export { ObservablePersistMMKV };
+export { ObservablePersistMMKV, configureObservablePersistMMKV };

package/react.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactNode, ReactElement, FC, LegacyRef, ComponentClass, ReducerWithoutAction, ReducerStateWithoutAction, DispatchWithoutAction, Reducer, ReducerState, Dispatch, ReducerAction } from 'react';
-import { ObservableParam, Observable, ObservableBoolean, Selector, RecursiveValueOrFunction, ObserveEvent, ObserveOptions, ObserveEventCallback } from '@legendapp/state';
+import { ReactNode, ReactElement, FC, LegacyRef, ComponentClass, DependencyList, ReducerWithoutAction, ReducerStateWithoutAction, DispatchWithoutAction, Reducer, ReducerState, Dispatch, ReducerAction } from 'react';
+import { ObservableParam, Observable, ObservableBoolean, Selector, RecursiveValueOrFunction, ObserveOptions, ObserveEvent, ObserveEventCallback } from '@legendapp/state';
 
 declare function Computed({ children }: {
     children: ObservableParam | (() => ReactNode);
@@ -69,6 +69,7 @@ interface PropsIfReady<T> {
 }
 interface PropsBase<T> {
     else?: ReactNode | (() => ReactNode);
+    $value?: Observable<T>;
     wrap?: FC;
     children: ReactNode | ((value?: T) => ReactNode);
 }
@@ -110,10 +111,10 @@ declare function reactiveObserver<T extends FC<any>>(component: T, bindKeys?: Bi
 declare function reactiveObserver<T extends FC<any>, T2 extends keyof ExtractFCPropsType<T>>(component: T, bindKeys?: BindKeys<ExtractFCPropsType<T>>): T | FC<ShapeWithPick$<ExtractFCPropsType<T>, T2>>;
 declare function reactiveComponents<P extends Record<string, FC>>(components: P): ObjectShapeWith$<P>;
 
-declare function useComputed<T>(compute: () => T | Promise<T>): Observable<T>;
-declare function useComputed<T>(compute: () => T | Promise<T>, deps: any[]): Observable<T>;
-declare function useComputed<T, T2 = T>(compute: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void): Observable<T>;
-declare function useComputed<T, T2 = T>(compute: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void, deps: any[]): Observable<T>;
+declare function useComputed<T>(get: () => T | Promise<T>): Observable<T>;
+declare function useComputed<T>(get: () => T | Promise<T>, deps: any[]): Observable<T>;
+declare function useComputed<T, T2 = T>(get: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void): Observable<T>;
+declare function useComputed<T, T2 = T>(get: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void, deps: any[]): Observable<T>;
 
 declare const useEffectOnce: (effect: () => void | (() => void), deps: any[]) => void;
 
@@ -130,9 +131,9 @@ declare const useMountOnce: typeof useMount;
  * @see https://www.legendapp.com/dev/state/react/#useObservable
  */
 declare function useObservable<T>(): Observable<T | undefined>;
-declare function useObservable<T>(value: Promise<RecursiveValueOrFunction<T>> | (() => RecursiveValueOrFunction<T>) | RecursiveValueOrFunction<T>): Observable<T>;
-declare function useObservable<T>(value: T): Observable<T>;
-declare function useObservable<T>(value?: T): Observable<any>;
+declare function useObservable<T>(value: Promise<RecursiveValueOrFunction<T>> | (() => RecursiveValueOrFunction<T>) | RecursiveValueOrFunction<T>, deps?: DependencyList): Observable<T>;
+declare function useObservable<T>(value: T, deps?: DependencyList): Observable<T>;
+declare function useObservable<T>(value?: T, deps?: DependencyList): Observable<any>;
 
 declare function useObservableReducer<R extends ReducerWithoutAction<any>, I>(reducer: R, initializerArg: I, initializer: (arg: I) => ReducerStateWithoutAction<R>): [Observable<ReducerStateWithoutAction<R>>, DispatchWithoutAction];
 declare function useObservableReducer<R extends ReducerWithoutAction<any>>(reducer: R, initializerArg: ReducerStateWithoutAction<R>, initializer?: undefined): [Observable<ReducerStateWithoutAction<R>>, DispatchWithoutAction];
@@ -140,11 +141,14 @@ declare function useObservableReducer<R extends Reducer<any, any>, I>(reducer: R
 declare function useObservableReducer<R extends Reducer<any, any>, I>(reducer: R, initializerArg: I, initializer: (arg: I) => ReducerState<R>): [Observable<ReducerState<R>>, Dispatch<ReducerAction<R>>];
 declare function useObservableReducer<R extends Reducer<any, any>>(reducer: R, initialState: ReducerState<R>, initializer?: undefined): [Observable<ReducerState<R>>, Dispatch<ReducerAction<R>>];
 
-declare function useObserve<T>(run: (e: ObserveEvent<T>) => T | void, options?: ObserveOptions): () => void;
-declare function useObserve<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: ObserveOptions): () => void;
+interface UseObserveOptions extends ObserveOptions {
+    deps?: any[];
+}
+declare function useObserve<T>(run: (e: ObserveEvent<T>) => T | void, options?: UseObserveOptions): () => void;
+declare function useObserve<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: UseObserveOptions): () => void;
 
-declare function useObserveEffect<T>(run: (e: ObserveEvent<T>) => T | void, options?: ObserveOptions): void;
-declare function useObserveEffect<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: ObserveOptions): void;
+declare function useObserveEffect<T>(run: (e: ObserveEvent<T>) => T | void, options?: UseObserveOptions): void;
+declare function useObserveEffect<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: UseObserveOptions): void;
 
 declare function useSelector<T>(selector: Selector<T>, options?: UseSelectorOptions): T;
 
@@ -154,4 +158,4 @@ declare const useUnmountOnce: typeof useUnmount;
 declare function useWhen<T>(predicate: Selector<T>, effect: (value: T) => any | (() => any)): Promise<any>;
 declare function useWhenReady<T>(predicate: Selector<T>, effect: (value: T) => any | (() => any)): Promise<any>;
 
-export { type BindKey, type BindKeys, Computed, type ExtractFCPropsType, type FCReactive, type FCReactiveObject, For, type IReactive, Memo, type ObjectShapeWith$, Reactive, type ShapeWith$, type ShapeWithNew$, type ShapeWithPick$, Show, Switch, type UseSelectorOptions, configureReactive, hasSymbol, observer, reactive, reactiveComponents, reactiveObserver, useComputed, useEffectOnce, useIsMounted, useMount, useMountOnce, useObservable, useObservableReducer, useObserve, useObserveEffect, usePauseProvider, useSelector, useUnmount, useUnmountOnce, useWhen, useWhenReady };
+export { type BindKey, type BindKeys, Computed, type ExtractFCPropsType, type FCReactive, type FCReactiveObject, For, type IReactive, Memo, type ObjectShapeWith$, Reactive, type ShapeWith$, type ShapeWithNew$, type ShapeWithPick$, Show, Switch, type UseObserveOptions, type UseSelectorOptions, configureReactive, hasSymbol, observer, reactive, reactiveComponents, reactiveObserver, useComputed, useEffectOnce, useIsMounted, useMount, useMountOnce, useObservable, useObservableReducer, useObserve, useObserveEffect, usePauseProvider, useSelector, useUnmount, useUnmountOnce, useWhen, useWhenReady };

package/react.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactNode, ReactElement, FC, LegacyRef, ComponentClass, ReducerWithoutAction, ReducerStateWithoutAction, DispatchWithoutAction, Reducer, ReducerState, Dispatch, ReducerAction } from 'react';
-import { ObservableParam, Observable, ObservableBoolean, Selector, RecursiveValueOrFunction, ObserveEvent, ObserveOptions, ObserveEventCallback } from '@legendapp/state';
+import { ReactNode, ReactElement, FC, LegacyRef, ComponentClass, DependencyList, ReducerWithoutAction, ReducerStateWithoutAction, DispatchWithoutAction, Reducer, ReducerState, Dispatch, ReducerAction } from 'react';
+import { ObservableParam, Observable, ObservableBoolean, Selector, RecursiveValueOrFunction, ObserveOptions, ObserveEvent, ObserveEventCallback } from '@legendapp/state';
 
 declare function Computed({ children }: {
     children: ObservableParam | (() => ReactNode);
@@ -69,6 +69,7 @@ interface PropsIfReady<T> {
 }
 interface PropsBase<T> {
     else?: ReactNode | (() => ReactNode);
+    $value?: Observable<T>;
     wrap?: FC;
     children: ReactNode | ((value?: T) => ReactNode);
 }
@@ -110,10 +111,10 @@ declare function reactiveObserver<T extends FC<any>>(component: T, bindKeys?: Bi
 declare function reactiveObserver<T extends FC<any>, T2 extends keyof ExtractFCPropsType<T>>(component: T, bindKeys?: BindKeys<ExtractFCPropsType<T>>): T | FC<ShapeWithPick$<ExtractFCPropsType<T>, T2>>;
 declare function reactiveComponents<P extends Record<string, FC>>(components: P): ObjectShapeWith$<P>;
 
-declare function useComputed<T>(compute: () => T | Promise<T>): Observable<T>;
-declare function useComputed<T>(compute: () => T | Promise<T>, deps: any[]): Observable<T>;
-declare function useComputed<T, T2 = T>(compute: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void): Observable<T>;
-declare function useComputed<T, T2 = T>(compute: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void, deps: any[]): Observable<T>;
+declare function useComputed<T>(get: () => T | Promise<T>): Observable<T>;
+declare function useComputed<T>(get: () => T | Promise<T>, deps: any[]): Observable<T>;
+declare function useComputed<T, T2 = T>(get: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void): Observable<T>;
+declare function useComputed<T, T2 = T>(get: (() => T | Promise<T>) | ObservableParam<T>, set: (value: T2) => void, deps: any[]): Observable<T>;
 
 declare const useEffectOnce: (effect: () => void | (() => void), deps: any[]) => void;
 
@@ -130,9 +131,9 @@ declare const useMountOnce: typeof useMount;
  * @see https://www.legendapp.com/dev/state/react/#useObservable
  */
 declare function useObservable<T>(): Observable<T | undefined>;
-declare function useObservable<T>(value: Promise<RecursiveValueOrFunction<T>> | (() => RecursiveValueOrFunction<T>) | RecursiveValueOrFunction<T>): Observable<T>;
-declare function useObservable<T>(value: T): Observable<T>;
-declare function useObservable<T>(value?: T): Observable<any>;
+declare function useObservable<T>(value: Promise<RecursiveValueOrFunction<T>> | (() => RecursiveValueOrFunction<T>) | RecursiveValueOrFunction<T>, deps?: DependencyList): Observable<T>;
+declare function useObservable<T>(value: T, deps?: DependencyList): Observable<T>;
+declare function useObservable<T>(value?: T, deps?: DependencyList): Observable<any>;
 
 declare function useObservableReducer<R extends ReducerWithoutAction<any>, I>(reducer: R, initializerArg: I, initializer: (arg: I) => ReducerStateWithoutAction<R>): [Observable<ReducerStateWithoutAction<R>>, DispatchWithoutAction];
 declare function useObservableReducer<R extends ReducerWithoutAction<any>>(reducer: R, initializerArg: ReducerStateWithoutAction<R>, initializer?: undefined): [Observable<ReducerStateWithoutAction<R>>, DispatchWithoutAction];
@@ -140,11 +141,14 @@ declare function useObservableReducer<R extends Reducer<any, any>, I>(reducer: R
 declare function useObservableReducer<R extends Reducer<any, any>, I>(reducer: R, initializerArg: I, initializer: (arg: I) => ReducerState<R>): [Observable<ReducerState<R>>, Dispatch<ReducerAction<R>>];
 declare function useObservableReducer<R extends Reducer<any, any>>(reducer: R, initialState: ReducerState<R>, initializer?: undefined): [Observable<ReducerState<R>>, Dispatch<ReducerAction<R>>];
 
-declare function useObserve<T>(run: (e: ObserveEvent<T>) => T | void, options?: ObserveOptions): () => void;
-declare function useObserve<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: ObserveOptions): () => void;
+interface UseObserveOptions extends ObserveOptions {
+    deps?: any[];
+}
+declare function useObserve<T>(run: (e: ObserveEvent<T>) => T | void, options?: UseObserveOptions): () => void;
+declare function useObserve<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: UseObserveOptions): () => void;
 
-declare function useObserveEffect<T>(run: (e: ObserveEvent<T>) => T | void, options?: ObserveOptions): void;
-declare function useObserveEffect<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: ObserveOptions): void;
+declare function useObserveEffect<T>(run: (e: ObserveEvent<T>) => T | void, options?: UseObserveOptions): void;
+declare function useObserveEffect<T>(selector: Selector<T>, reaction?: (e: ObserveEventCallback<T>) => any, options?: UseObserveOptions): void;
 
 declare function useSelector<T>(selector: Selector<T>, options?: UseSelectorOptions): T;
 
@@ -154,4 +158,4 @@ declare const useUnmountOnce: typeof useUnmount;
 declare function useWhen<T>(predicate: Selector<T>, effect: (value: T) => any | (() => any)): Promise<any>;
 declare function useWhenReady<T>(predicate: Selector<T>, effect: (value: T) => any | (() => any)): Promise<any>;
 
-export { type BindKey, type BindKeys, Computed, type ExtractFCPropsType, type FCReactive, type FCReactiveObject, For, type IReactive, Memo, type ObjectShapeWith$, Reactive, type ShapeWith$, type ShapeWithNew$, type ShapeWithPick$, Show, Switch, type UseSelectorOptions, configureReactive, hasSymbol, observer, reactive, reactiveComponents, reactiveObserver, useComputed, useEffectOnce, useIsMounted, useMount, useMountOnce, useObservable, useObservableReducer, useObserve, useObserveEffect, usePauseProvider, useSelector, useUnmount, useUnmountOnce, useWhen, useWhenReady };
+export { type BindKey, type BindKeys, Computed, type ExtractFCPropsType, type FCReactive, type FCReactiveObject, For, type IReactive, Memo, type ObjectShapeWith$, Reactive, type ShapeWith$, type ShapeWithNew$, type ShapeWithPick$, Show, Switch, type UseObserveOptions, type UseSelectorOptions, configureReactive, hasSymbol, observer, reactive, reactiveComponents, reactiveObserver, useComputed, useEffectOnce, useIsMounted, useMount, useMountOnce, useObservable, useObservableReducer, useObserve, useObserveEffect, usePauseProvider, useSelector, useUnmount, useUnmountOnce, useWhen, useWhenReady };