Fix suspense double rendering

Fixes TanStack#324

Author: tannerlinsley

src/useBaseQuery.js

@@ -74,15 +74,15 @@ export function useBaseQuery(queryKey, queryVariables, queryFn, config = {}) {
     if (
       !getLatestConfig().manual && // Don't auto fetch if config is set to manual query
       !query.wasPrefetched && // Don't double fetch for prefetched queries
-      !query.wasSuspensed && // Don't double fetch for suspense
+      !query.wasSuspended && // Don't double fetch for suspense
       query.state.isStale && // Only refetch if stale
       (getLatestConfig().refetchOnMount || query.instances.length === 1)
     ) {
       refetch().catch(Console.error)
     }
 
     query.wasPrefetched = false
-    query.wasSuspensed = false
+    query.wasSuspended = false
 
     return unsubscribeFromQuery
   }, [getLatestConfig, instanceId, query, refetch, rerender])

src/utils.js

@@ -99,6 +99,7 @@ export function getQueryArgs(args) {
       throw new Error('queryKey and queryFn keys are required.')
     }
   }
+
   if (typeof args[2] === 'function') {
     const [queryKey, variables = [], queryFn, config = {}] = args
     return [queryKey, variables, queryFn, config]
@@ -121,17 +122,17 @@ export function useMountedCallback(callback) {
   )
 }
 
-export function handleSuspense(query) {
-  if (query.config.suspense || query.config.useErrorBoundary) {
-    if (query.status === statusError) {
-      throw query.error
+export function handleSuspense(queryInfo) {
+  if (queryInfo.config.suspense || queryInfo.config.useErrorBoundary) {
+    if (queryInfo.status === statusError) {
+      throw queryInfo.error
     }
   }
 
-  if (query.config.suspense) {
-    if (query.status === statusLoading) {
-      query.wasSuspensed = true
-      throw query.refetch()
+  if (queryInfo.config.suspense) {
+    if (queryInfo.status === statusLoading) {
+      queryInfo.query.wasSuspended = true
+      throw queryInfo.refetch()
     }
   }
 }