Query not being invalidated

  const key = 'paginatedListings'

  //Query
  const { data, isLoading, isError, error } = useQuery({
    queryKey: [key],
    queryFn: async (e) => {
      // Can confirm this console log does not run after mutation onSuccess
      console.log('querying', e)
      return await fetchPaginatedListings({ queryKey: [key, 1, 10] })
    },
  })

  //Mutation
  const mutation = useMutation({
    mutationFn: (newTodo: string) => {
      return postSearchTerm(newTodo)
    },
    onSuccess: async (data) => {
      console.log('Data received:', data)
      await queryClient.invalidateQueries({ queryKey: [key, 1, 10] })
      // await queryClient.invalidateQueries()
    },
    onError: (error) => {
      console.error('Error:', error)
    },
  })

    //Mutation.mutate is passed as props to a child component
     <HomepageSearchForm mutate={mutation.mutate} />