Invalidate query after unsub

src/screens/List/ListHiddenScreen.tsx

@@ -3,8 +3,10 @@ import {View} from 'react-native'
 import {AppBskyGraphDefs} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
+import {useQueryClient} from '@tanstack/react-query'
 
 import {logger} from '#/logger'
+import {RQKEY_ROOT as listQueryRoot} from '#/state/queries/list'
 import {useGoBack} from 'lib/hooks/useGoBack'
 import {sanitizeHandle} from 'lib/strings/handles'
 import {useListBlockMutation, useListMuteMutation} from 'state/queries/list'
@@ -35,6 +37,7 @@ export function ListHiddenScreen({
   const {gtMobile} = useBreakpoints()
   const isOwner = currentAccount?.did === list.creator.did
   const goBack = useGoBack()
+  const queryClient = useQueryClient()
 
   const isModList = list.purpose === AppBskyGraphDefs.MODLIST
 
@@ -77,6 +80,9 @@ export function ListHiddenScreen({
         return
       }
     }
+    queryClient.invalidateQueries({
+      queryKey: [listQueryRoot],
+    })
     Toast.show(_(msg`Unsubscribed from list`))
     setIsProcessing(false)
   }

src/state/queries/list.ts

@@ -17,7 +17,7 @@ import {useAgent, useSession} from '../session'
 import {invalidate as invalidateMyLists} from './my-lists'
 import {RQKEY as PROFILE_LISTS_RQKEY} from './profile-lists'
 
-const RQKEY_ROOT = 'list'
+export const RQKEY_ROOT = 'list'
 export const RQKEY = (uri: string) => [RQKEY_ROOT, uri]
 
 export function useListQuery(uri?: string) {