second subscription query return empty instead of array of object

[shilohchis]

we're using hasura and urql subscription, and having issue but not sure which part going wrong
the subscription using dynamic variable

on App.js

const client = createClient({
  url: config.hasuraUrl,
  fetchOptions,
  exchanges: [
    ...defaultExchanges,
    devtoolsExchange,
    subscriptionExchange({
      forwardSubscription(operation) {
        return subscriptionClient.request(operation)
      },
    }),
  ],
})

on our Component

const [{ data, error }] = useSubscription({
      query: `subscription ($id: String!) {
		Task(where: { id: {_eq: $id}, status: {_neq: "CANCELLED"}, deletedAt: {_is_null: true}}, limit: 1, order_by: {createdAt: desc}) {
			//columns
		}
	}`,
      variables: {
        id,
      },
      pause: !shouldFetch,
    })

there's button on other route that will trigger the variable id change, the first id return correct result
but second variable return empty, no error thou
test on hasura console, 2 ids value return object, so I think the issue coming from frontend but not sure which part
is there any way to trace which part that cause it??