add deps

YousefED · May 2, 2021 · 9866bd8 · 9866bd8
1 parent 2bbf54e
commit 9866bd8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/reactive-react/package.json b/packages/reactive-react/package.json
@@ -50,5 +50,5 @@
       "last 1 safari version"
     ]
   },
-  "gitHead": "cf55e881a5e838ebf4eefab1e0a6cc4308583643"
+  "gitHead": "2bbf54e128038b21a9ac051c144ab5ed253e9ba4"
 }
diff --git a/packages/reactive-react/src/useReactive.ts b/packages/reactive-react/src/useReactive.ts
@@ -1,7 +1,7 @@
 import { useMemo, useReducer } from "react";
 import { reactive } from "@reactivedata/reactive";
 
-export function useReactive<T>(stateObject: T): T {
+export function useReactive<T>(stateObject: T, deps?: React.DependencyList): T {
   const [, forceUpdate] = useReducer((c) => c + 1, 0);
 
   const ret = useMemo(() => {
@@ -10,12 +10,12 @@ export function useReactive<T>(stateObject: T): T {
         forceUpdate();
       },
     });
-  }, [stateObject]);
+  }, deps || []);
 
   return ret;
 }
 
-export function useReactives<T extends any[]>(...stateObjects: T): T {
+export function useReactives<T extends any[]>(stateObjects: T, deps?: React.DependencyList): T {
   const [, forceUpdate] = useReducer((c) => c + 1, 0);
   const trigger = {
     trigger: () => {
@@ -27,5 +27,5 @@ export function useReactives<T extends any[]>(...stateObjects: T): T {
     return stateObjects.map((stateObject) => {
       return reactive(stateObject, trigger);
     });
-  }, stateObjects) as T;
+  }, deps || []) as T;
 }