fix: cache snapshot & add option deps (#30)

* fix: cache snapshot & add option `deps`

* Update size limit

index.d.ts

@@ -1,4 +1,5 @@
 import type { Store, StoreValue } from 'nanostores'
+import type { DependencyList } from 'react'
 
 type StoreKeys<T> = T extends { setKey: (k: infer K, v: any) => unknown }
   ? K
@@ -9,6 +10,13 @@ export interface UseStoreOptions<SomeStore> {
    * Will re-render components only on specific key changes.
    */
   keys?: StoreKeys<SomeStore>[]
+  /**
+   * @default
+   * ```ts
+   * [store, options.keys]
+   * ```
+   */
+  deps?: DependencyList
 }
 
 /**

index.js

@@ -1,16 +1,23 @@
 import { listenKeys } from 'nanostores'
-import { useCallback, useSyncExternalStore } from 'react'
+import { useCallback, useRef, useSyncExternalStore } from 'react'
+
+export function useStore(store, { keys, deps = [store, keys] } = {}) {
+  let snapshotRef = useRef()
+  snapshotRef.current = store.get()
 
-export function useStore(store, opts = {}) {
   let subscribe = useCallback(
     onChange =>
-      opts.keys
-        ? listenKeys(store, opts.keys, onChange)
-        : store.listen(onChange),
-    [opts.keys, store]
+      keys?.length > 0
+        ? listenKeys(store, keys, emit(snapshotRef, onChange))
+        : store.listen(emit(snapshotRef, onChange)),
+    deps
   )
-
-  let get = store.get.bind(store)
+  let get = () => snapshotRef.current
 
   return useSyncExternalStore(subscribe, get, get)
 }
+
+let emit = (snapshotRef, onChange) => value => {
+  snapshotRef.current = value
+  onChange()
+}

package.json

@@ -91,7 +91,7 @@
         "index.js": "{ useStore }",
         "nanostores": "{ map, computed }"
       },
-      "limit": "871 B"
+      "limit": "901 B"
     }
   ]
 }