fix: prevent isFetching flickering during query parameter changes

[Chriztiaan]

This fixes a reported issue where a query that is busy fetching handles a query/parameter change incorrectly. It would go from reporting isFetching=true, to false, to immediately true again. With the expected behaviour being that it remained true during the transition instead. This also caused isLoading to become false prematurely.

This was caused by the stale query handler not aborting correctly.

Example erroneous output, where the param changes from 0->1:

{param: '0', dataLength: 0, isFetching: true, isLoading: true}
{param: 1, dataLength: 0, isFetching: true, isLoading: true}
{param: 1, dataLength: 0, isFetching: false, isLoading: false} <--- we don't expect this step
{param: 1, dataLength: 0, isFetching: true, isLoading: false}
{param: 1, dataLength: 1, isFetching: false, isLoading: false}

Expected output:

{param: '0', dataLength: 0, isFetching: true, isLoading: true}
{param: 1, dataLength: 0, isFetching: true, isLoading: true}
{param: 1, dataLength: 1, isFetching: false, isLoading: false}

Added a unit test for both React and Vue packages.

[changeset-bot]

🦋 Changeset detected

Latest commit: 141bff8

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
@powersync/common	Patch
@powersync/adapter-sql-js	Patch
@powersync/node	Patch
@powersync/op-sqlite	Patch
@powersync/react-native	Patch
@powersync/tanstack-react-query	Patch
@powersync/web	Patch
@powersync/diagnostics-app	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR