@triplit/react 0.0.35 → 0.0.37

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @triplit/react
 
+## 0.0.37
+
+### Patch Changes
+
+- af14ded: - Add fetch policy options
+  - Bug fixes
+  - Performance improvements
+- Updated dependencies [af14ded]
+- Updated dependencies [dfa258c]
+- Updated dependencies [af14ded]
+  - @triplit/client@0.0.37
+
+## 0.0.36
+
+### Patch Changes
+
+- 6df3de6: Update CLI to support HTTPS
+- Updated dependencies [6df3de6]
+  - @triplit/client@0.0.36
+
 ## 0.0.32
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import { FetchResult, TriplitClient, ClientQuery, toBuilder, Models, CollectionNameFromModels } from "@triplit/client";
-export function useQuery<CQ extends ClientQuery<any>>(client: TriplitClient<any>, query: toBuilder<CQ>): {
-    fetchingLocal: boolean;
+import { FetchResult, TriplitClient, ClientQuery, ClientQueryBuilder, SubscriptionOptions, Models, CollectionNameFromModels } from "@triplit/client";
+export function useQuery<CQ extends ClientQuery<any>>(client: TriplitClient<any>, query: ClientQueryBuilder<CQ>, options?: SubscriptionOptions): {
+    fetching: boolean;
     results: FetchResult<CQ> | undefined;
     error: any;
 };
-export function useEntity<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<M>, collectionName: CN, id: string): {
-    fetchingLocal: boolean;
+export function useEntity<M extends Models<any, any> | undefined, CN extends CollectionNameFromModels<M>>(client: TriplitClient<M>, collectionName: CN, id: string, options?: SubscriptionOptions): {
+    fetching: boolean;
     results: any;
     error: any;
 };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":";AAQA,yBAAyB,EAAE,SAAS,YAAY,GAAG,CAAC,EAClD,MAAM,EAAE,cAAc,GAAG,CAAC,EAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;;;;EAwCrB;AC3CD,0BACE,CAAC,SAAS,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,EACtC,EAAE,SAAS,yBAAyB,CAAC,CAAC,EACtC,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM;;;;EAUzD","sources":["packages/react/src/src/use-query.ts","packages/react/src/src/use-entity.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,"export * from './use-query';\nexport * from './use-entity';\n"],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";AASA,yBAAyB,EAAE,SAAS,YAAY,GAAG,CAAC,EAClD,MAAM,EAAE,cAAc,GAAG,CAAC,EAC1B,KAAK,EAAE,mBAAmB,EAAE,CAAC,EAC7B,OAAO,CAAC,EAAE,mBAAmB;;;;EAuC9B;AC3CD,0BACE,CAAC,SAAS,OAAO,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,EACtC,EAAE,SAAS,yBAAyB,CAAC,CAAC,EAEtC,MAAM,EAAE,cAAc,CAAC,CAAC,EACxB,cAAc,EAAE,EAAE,EAClB,EAAE,EAAE,MAAM,EACV,OAAO,CAAC,EAAE,mBAAmB;;;;EAa9B","sources":["packages/react/src/src/use-query.ts","packages/react/src/src/use-entity.ts","packages/react/src/src/index.ts","packages/react/src/index.ts"],"sourcesContent":[null,null,null,"export * from './use-query';\nexport * from './use-entity';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -23,25 +23,24 @@ var $8789f74c7c312f3c$exports = {};
 
 $parcel$export($8789f74c7c312f3c$exports, "useQuery", () => $8789f74c7c312f3c$export$dd0a697e1782aedd);
 
-function $8789f74c7c312f3c$export$dd0a697e1782aedd(client, query) {
+function $8789f74c7c312f3c$export$dd0a697e1782aedd(client, query, options) {
     const [results, setResults] = (0, $2yxZb$react.useState)(undefined);
-    const [fetchingLocal, setFetchingLocal] = (0, $2yxZb$react.useState)(false);
+    const [fetching, setFetching] = (0, $2yxZb$react.useState)(true);
     const [error, setError] = (0, $2yxZb$react.useState)(undefined);
-    // const [fetchingRemote, setFetchingRemote] = useState(false);
     const builtQuery = query && query.build();
     const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
     (0, $2yxZb$react.useEffect)(()=>{
         if (!client) return;
         setResults(undefined);
-        setFetchingLocal(true);
+        setFetching(true);
         const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetchingLocal(false);
+            setFetching(false);
             setError(undefined);
-            setResults(localResults);
+            setResults(new Map(localResults));
         }, (error)=>{
-            setFetchingLocal(false);
+            setFetching(false);
             setError(error);
-        });
+        }, options);
         return ()=>{
             unsubscribe();
         };
@@ -50,9 +49,8 @@ function $8789f74c7c312f3c$export$dd0a697e1782aedd(client, query) {
         client
     ]);
     return {
-        fetchingLocal: fetchingLocal,
-        results: // fetchingRemote,
-        results,
+        fetching: fetching,
+        results: results,
         error: error
     };
 }
@@ -62,10 +60,11 @@ var $6ea15837a6dcd4eb$exports = {};
 
 $parcel$export($6ea15837a6dcd4eb$exports, "useEntity", () => $6ea15837a6dcd4eb$export$fab329b658bf30c7);
 
-function $6ea15837a6dcd4eb$export$fab329b658bf30c7(client, collectionName, id) {
-    const { fetchingLocal: fetchingLocal, results: results, error: error } = (0, $8789f74c7c312f3c$export$dd0a697e1782aedd)(client, client.query(collectionName).entityId(id));
+function $6ea15837a6dcd4eb$export$fab329b658bf30c7(client, collectionName, id, options) {
+    const { fetching: fetching, results: results, error: error } = (0, $8789f74c7c312f3c$export$dd0a697e1782aedd)(client, // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)
+    client.query(collectionName).entityId(id), options);
     return {
-        fetchingLocal: fetchingLocal,
+        fetching: fetching,
         results: results ? results.get(id) : undefined,
         error: error
     };

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ACQM,SAAU,0CACd,MAA0B,EAC1B,KAAoB;IAEpB,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAA,EAC5B;IAEF,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,qBAAA,EAAS;IACnD,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAA,EAAc;IACxC,+DAA+D;IAE/D,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,sBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,iBAAiB;QACjB,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,iBAAiB;YACjB,SAAS;YACT,WAAW;QACb,GACA,CAAC;YACC,iBAAiB;YACjB,SAAS;QACX;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;uBACL;iBAEA,AADA,kBAAkB;QAClB;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAGd,MAAwB,EAAE,cAAkB,EAAE,EAAU;IACxD,MAAM,iBAAE,aAAa,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACxC,QACA,OAAO,MAAM,gBAAgB,SAAS;IAExC,OAAO;uBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  toBuilder,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: toBuilder<CQ>\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetchingLocal, setFetchingLocal] = useState(false);\n  const [error, setError] = useState<any>(undefined);\n  // const [fetchingRemote, setFetchingRemote] = useState(false);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetchingLocal(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetchingLocal(false);\n        setError(undefined);\n        setResults(localResults);\n      },\n      (error) => {\n        setFetchingLocal(false);\n        setError(error);\n      }\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetchingLocal,\n    // fetchingRemote,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(client: TriplitClient<M>, collectionName: CN, id: string) {\n  const { fetchingLocal, results, error } = useQuery(\n    client,\n    client.query(collectionName).entityId(id)\n  );\n  return {\n    fetchingLocal,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"index.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;ACSM,SAAU,0CACd,MAA0B,EAC1B,KAA6B,EAC7B,OAA6B;IAE7B,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,qBAAA,EAC5B;IAEF,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,qBAAA,EAAS;IACzC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,qBAAA,EAAc;IAExC,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,sBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,YAAY;QACZ,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,YAAY;YACZ,SAAS;YACT,WAAW,IAAI,IAAI;QACrB,GACA,CAAC;YACC,YAAY;YACZ,SAAS;QACX,GACA;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;kBACL;iBACA;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAId,MAAwB,EACxB,cAAkB,EAClB,EAAU,EACV,OAA6B;IAE7B,MAAM,YAAE,QAAQ,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACnC,QACA,6KAA6K;IAC7K,OAAO,MAAM,gBAAgB,SAAS,KACtC;IAEF,OAAO;kBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  ClientQueryBuilder,\n  SubscriptionOptions,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: ClientQueryBuilder<CQ>,\n  options?: SubscriptionOptions\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetching, setFetching] = useState(true);\n  const [error, setError] = useState<any>(undefined);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetching(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetching(false);\n        setError(undefined);\n        setResults(new Map(localResults) as FetchResult<CQ>);\n      },\n      (error) => {\n        setFetching(false);\n        setError(error);\n      },\n      options\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetching,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n  SubscriptionOptions,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(\n  client: TriplitClient<M>,\n  collectionName: CN,\n  id: string,\n  options?: SubscriptionOptions\n) {\n  const { fetching, results, error } = useQuery(\n    client,\n    // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)\n    client.query(collectionName).entityId(id),\n    options\n  );\n  return {\n    fetching,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/dist/module.js

@@ -7,25 +7,24 @@ var $c765280007267fba$exports = {};
 
 $parcel$export($c765280007267fba$exports, "useQuery", () => $c765280007267fba$export$dd0a697e1782aedd);
 
-function $c765280007267fba$export$dd0a697e1782aedd(client, query) {
+function $c765280007267fba$export$dd0a697e1782aedd(client, query, options) {
     const [results, setResults] = (0, $3QJOh$useState)(undefined);
-    const [fetchingLocal, setFetchingLocal] = (0, $3QJOh$useState)(false);
+    const [fetching, setFetching] = (0, $3QJOh$useState)(true);
     const [error, setError] = (0, $3QJOh$useState)(undefined);
-    // const [fetchingRemote, setFetchingRemote] = useState(false);
     const builtQuery = query && query.build();
     const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);
     (0, $3QJOh$useEffect)(()=>{
         if (!client) return;
         setResults(undefined);
-        setFetchingLocal(true);
+        setFetching(true);
         const unsubscribe = client.subscribe(builtQuery, (localResults)=>{
-            setFetchingLocal(false);
+            setFetching(false);
             setError(undefined);
-            setResults(localResults);
+            setResults(new Map(localResults));
         }, (error)=>{
-            setFetchingLocal(false);
+            setFetching(false);
             setError(error);
-        });
+        }, options);
         return ()=>{
             unsubscribe();
         };
@@ -34,9 +33,8 @@ function $c765280007267fba$export$dd0a697e1782aedd(client, query) {
         client
     ]);
     return {
-        fetchingLocal: fetchingLocal,
-        results: // fetchingRemote,
-        results,
+        fetching: fetching,
+        results: results,
         error: error
     };
 }
@@ -46,10 +44,11 @@ var $8f8fbf6d34fed11e$exports = {};
 
 $parcel$export($8f8fbf6d34fed11e$exports, "useEntity", () => $8f8fbf6d34fed11e$export$fab329b658bf30c7);
 
-function $8f8fbf6d34fed11e$export$fab329b658bf30c7(client, collectionName, id) {
-    const { fetchingLocal: fetchingLocal, results: results, error: error } = (0, $c765280007267fba$export$dd0a697e1782aedd)(client, client.query(collectionName).entityId(id));
+function $8f8fbf6d34fed11e$export$fab329b658bf30c7(client, collectionName, id, options) {
+    const { fetching: fetching, results: results, error: error } = (0, $c765280007267fba$export$dd0a697e1782aedd)(client, // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)
+    client.query(collectionName).entityId(id), options);
     return {
-        fetchingLocal: fetchingLocal,
+        fetching: fetching,
         results: results ? results.get(id) : undefined,
         error: error
     };

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;ACQM,SAAU,0CACd,MAA0B,EAC1B,KAAoB;IAEpB,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAA,EAC5B;IAEF,MAAM,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAA,EAAS;IACnD,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAA,EAAc;IACxC,+DAA+D;IAE/D,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,gBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,iBAAiB;QACjB,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,iBAAiB;YACjB,SAAS;YACT,WAAW;QACb,GACA,CAAC;YACC,iBAAiB;YACjB,SAAS;QACX;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;uBACL;iBAEA,AADA,kBAAkB;QAClB;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAGd,MAAwB,EAAE,cAAkB,EAAE,EAAU;IACxD,MAAM,iBAAE,aAAa,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACxC,QACA,OAAO,MAAM,gBAAgB,SAAS;IAExC,OAAO;uBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  toBuilder,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: toBuilder<CQ>\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetchingLocal, setFetchingLocal] = useState(false);\n  const [error, setError] = useState<any>(undefined);\n  // const [fetchingRemote, setFetchingRemote] = useState(false);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetchingLocal(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetchingLocal(false);\n        setError(undefined);\n        setResults(localResults);\n      },\n      (error) => {\n        setFetchingLocal(false);\n        setError(error);\n      }\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetchingLocal,\n    // fetchingRemote,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(client: TriplitClient<M>, collectionName: CN, id: string) {\n  const { fetchingLocal, results, error } = useQuery(\n    client,\n    client.query(collectionName).entityId(id)\n  );\n  return {\n    fetchingLocal,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;ACSM,SAAU,0CACd,MAA0B,EAC1B,KAA6B,EAC7B,OAA6B;IAE7B,MAAM,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAA,EAC5B;IAEF,MAAM,CAAC,UAAU,YAAY,GAAG,CAAA,GAAA,eAAA,EAAS;IACzC,MAAM,CAAC,OAAO,SAAS,GAAG,CAAA,GAAA,eAAA,EAAc;IAExC,MAAM,aAAa,SAAS,MAAM;IAClC,MAAM,mBAAmB,cAAc,KAAK,UAAU;IAEtD,CAAA,GAAA,gBAAA,EAAU;QACR,IAAI,CAAC,QAAQ;QACb,WAAW;QACX,YAAY;QACZ,MAAM,cAAc,OAAO,UACzB,YACA,CAAC;YACC,YAAY;YACZ,SAAS;YACT,WAAW,IAAI,IAAI;QACrB,GACA,CAAC;YACC,YAAY;YACZ,SAAS;QACX,GACA;QAGF,OAAO;YACL;QACF;IACF,GAAG;QAAC;QAAkB;KAAO;IAE7B,OAAO;kBACL;iBACA;eACA;IACD;AACH;;;;;;;AC3CM,SAAU,0CAId,MAAwB,EACxB,cAAkB,EAClB,EAAU,EACV,OAA6B;IAE7B,MAAM,YAAE,QAAQ,WAAE,OAAO,SAAE,KAAK,EAAE,GAAG,CAAA,GAAA,yCAAA,EACnC,QACA,6KAA6K;IAC7K,OAAO,MAAM,gBAAgB,SAAS,KACtC;IAEF,OAAO;kBACL;QACA,SAAS,UAAU,QAAQ,IAAI,MAAM;eACrC;IACD;AACH;;","sources":["packages/react/src/index.ts","packages/react/src/use-query.ts","packages/react/src/use-entity.ts"],"sourcesContent":["export * from './use-query';\nexport * from './use-entity';\n","import { useEffect, useState } from 'react';\nimport {\n  FetchResult,\n  TriplitClient,\n  ClientQuery,\n  ClientQueryBuilder,\n  SubscriptionOptions,\n} from '@triplit/client';\n\nexport function useQuery<CQ extends ClientQuery<any>>(\n  client: TriplitClient<any>,\n  query: ClientQueryBuilder<CQ>,\n  options?: SubscriptionOptions\n) {\n  const [results, setResults] = useState<FetchResult<CQ> | undefined>(\n    undefined\n  );\n  const [fetching, setFetching] = useState(true);\n  const [error, setError] = useState<any>(undefined);\n\n  const builtQuery = query && query.build();\n  const stringifiedQuery = builtQuery && JSON.stringify(builtQuery);\n\n  useEffect(() => {\n    if (!client) return;\n    setResults(undefined);\n    setFetching(true);\n    const unsubscribe = client.subscribe(\n      builtQuery,\n      (localResults) => {\n        setFetching(false);\n        setError(undefined);\n        setResults(new Map(localResults) as FetchResult<CQ>);\n      },\n      (error) => {\n        setFetching(false);\n        setError(error);\n      },\n      options\n    );\n\n    return () => {\n      unsubscribe();\n    };\n  }, [stringifiedQuery, client]);\n\n  return {\n    fetching,\n    results,\n    error,\n  };\n}\n","import {\n  TriplitClient,\n  Models,\n  CollectionNameFromModels,\n  SubscriptionOptions,\n} from '@triplit/client';\nimport { useQuery } from './use-query';\n\nexport function useEntity<\n  M extends Models<any, any> | undefined,\n  CN extends CollectionNameFromModels<M>\n>(\n  client: TriplitClient<M>,\n  collectionName: CN,\n  id: string,\n  options?: SubscriptionOptions\n) {\n  const { fetching, results, error } = useQuery(\n    client,\n    // @ts-ignore TODO: generics getting weird with models and collection queries...probably worth refactoring when we have joins (as we'll need to redo some typing then anyway)\n    client.query(collectionName).entityId(id),\n    options\n  );\n  return {\n    fetching,\n    results: results ? results.get(id) : undefined,\n    error,\n  };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@triplit/react",
   "packageManager": "yarn@3.4.1",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "source": "src/index.ts",
   "main": "dist/index.js",
   "module": "dist/module.js",
@@ -17,14 +17,14 @@
     "/dist"
   ],
   "dependencies": {
-    "@triplit/client": "^0.0.35"
+    "@triplit/client": "^0.0.37"
   },
   "devDependencies": {
     "@parcel/config-default": "^2.9.3",
     "@parcel/transformer-typescript-tsc": "^2.9.3",
     "@types/react": "^18.2.0",
     "parcel": "^2.9.3",
-    "typescript": "^5.0.2"
+    "typescript": "^5.2.2"
   },
   "peerDependencies": {
     "react": "*",