feat(mobile): Only sync store when user signed in and fix crash (#244)

get6pm · Sep 1, 2024 · e58dda3 · e58dda3
1 parent 50ced7d
commit e58dda3
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/apps/mobile/stores/core/store-interval-update.tsx b/apps/mobile/stores/core/store-interval-update.tsx
@@ -1,4 +1,5 @@
-import { useSuspenseQueries } from '@tanstack/react-query'
+import { useAuth } from '@clerk/clerk-expo'
+import { useQueries } from '@tanstack/react-query'
 import type { FC } from 'react'
 import { useCategoryListQueryOptions } from '../category/hooks'
 import { useTransactionListQueryOptions } from '../transaction/hooks'
@@ -12,18 +13,21 @@ export type StoreIntervalUpdateProps = {
 export const StoreIntervalUpdate: FC<StoreIntervalUpdateProps> = ({
   interval = STORE_SYNC_INTERVAL,
 }) => {
+  const { isSignedIn } = useAuth()
+
   const queryOptions: StoreHookQueryOptions = {
     refetchInterval: interval,
     refetchIntervalInBackground: true,
+    enabled: isSignedIn,
   }
   const categoryListQueryOptions = useCategoryListQueryOptions(queryOptions)
   const transactionListQueryOptions = useTransactionListQueryOptions(
     undefined,
     queryOptions,
   )
 
-  useSuspenseQueries({
-    queries: [{ ...categoryListQueryOptions }, transactionListQueryOptions],
+  useQueries({
+    queries: [categoryListQueryOptions, transactionListQueryOptions],
   })
 
   return null

diff --git a/apps/mobile/stores/core/stores.d.ts b/apps/mobile/stores/core/stores.d.ts
@@ -1,4 +1,5 @@
 export type StoreHookQueryOptions = {
   refetchInterval?: number
   refetchIntervalInBackground?: boolean
+  enabled?: boolean
 }