Fixed #45

Cannot use pure component in this case after refresh

src/utils/queryHooks/timeline.ts

@@ -1,15 +1,12 @@
 import apiInstance from '@api/instance'
 import haptics from '@components/haptics'
+import { queryClient } from '@root/App'
 import { store } from '@root/store'
-import {
-  getInstanceActive,
-  getInstanceNotificationsFilter
-} from '@utils/slices/instancesSlice'
+import { getInstanceNotificationsFilter } from '@utils/slices/instancesSlice'
 import { AxiosError } from 'axios'
 import { uniqBy } from 'lodash'
 import {
   MutationOptions,
-  QueryClient,
   useInfiniteQuery,
   UseInfiniteQueryOptions,
   useMutation
@@ -356,13 +353,11 @@ type MutationOptionsTimeline = MutationOptions<
 >
 
 const useTimelineMutation = ({
-  queryClient,
   onError,
   onMutate,
   onSettled,
   onSuccess
 }: {
-  queryClient: QueryClient
   onError?: MutationOptionsTimeline['onError']
   onMutate?: boolean
   onSettled?: MutationOptionsTimeline['onSettled']
@@ -385,10 +380,10 @@ const useTimelineMutation = ({
         haptics('Light')
         switch (params.type) {
           case 'updateStatusProperty':
-            updateStatusProperty({ queryClient, ...params })
+            updateStatusProperty(params)
             break
           case 'deleteItem':
-            deleteItem({ queryClient, ...params })
+            deleteItem(params)
             break
         }
         return oldData

src/utils/queryHooks/timeline/deleteItem.ts

@@ -1,13 +1,12 @@
-import { InfiniteData, QueryClient } from 'react-query'
+import { queryClient } from '@root/App'
+import { InfiniteData } from 'react-query'
 import { MutationVarsTimelineDeleteItem } from '../timeline'
 
 const deleteItem = ({
-  queryClient,
   queryKey,
   rootQueryKey,
   id
 }: {
-  queryClient: QueryClient
   queryKey?: MutationVarsTimelineDeleteItem['queryKey']
   rootQueryKey?: MutationVarsTimelineDeleteItem['rootQueryKey']
   id: MutationVarsTimelineDeleteItem['id']

src/utils/queryHooks/timeline/updateStatusProperty.ts

@@ -1,5 +1,6 @@
+import { queryClient } from '@root/App'
 import { findIndex } from 'lodash'
-import { InfiniteData, QueryClient } from 'react-query'
+import { InfiniteData } from 'react-query'
 import {
   MutationVarsTimelineUpdateStatusProperty,
   TimelineData
@@ -9,14 +10,12 @@ import updateNotification from './update/notification'
 import updateStatus from './update/status'
 
 const updateStatusProperty = ({
-  queryClient,
   queryKey,
   rootQueryKey,
   id,
   reblog,
   payload
 }: {
-  queryClient: QueryClient
   queryKey: MutationVarsTimelineUpdateStatusProperty['queryKey']
   rootQueryKey?: MutationVarsTimelineUpdateStatusProperty['rootQueryKey']
   id: MutationVarsTimelineUpdateStatusProperty['id']