From 4d39fe1e92e4eca6a3ed08b511e389bff6ec70bd Mon Sep 17 00:00:00 2001
From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>
Date: Wed, 31 Jul 2024 18:55:40 +1000
Subject: [PATCH 1/2] fix(svelte-query): ensure compatibility with NodeNext

---
 .../svelte-query/src/HydrationBoundary.svelte |  2 +-
 .../src/QueryClientProvider.svelte            |  2 +-
 packages/svelte-query/src/createBaseQuery.ts  |  8 ++---
 .../svelte-query/src/createInfiniteQuery.ts   |  4 +--
 packages/svelte-query/src/createMutation.ts   |  6 ++--
 packages/svelte-query/src/createQueries.ts    |  8 ++---
 packages/svelte-query/src/createQuery.ts      |  6 ++--
 packages/svelte-query/src/index.ts            | 32 +++++++++----------
 .../svelte-query/src/infiniteQueryOptions.ts  |  2 +-
 packages/svelte-query/src/queryOptions.ts     |  2 +-
 packages/svelte-query/src/useHydrate.ts       |  2 +-
 packages/svelte-query/src/useIsFetching.ts    |  2 +-
 packages/svelte-query/src/useIsMutating.ts    |  2 +-
 packages/svelte-query/src/useIsRestoring.ts   |  2 +-
 packages/svelte-query/src/useMutationState.ts |  4 +--
 packages/svelte-query/src/useQueryClient.ts   |  2 +-
 packages/svelte-query/src/utils.ts            |  2 +-
 .../QueryClientProvider/ChildComponent.svelte |  4 +--
 .../tests/context/BaseExample.svelte          |  2 +-
 .../tests/context/context.test.ts             |  2 +-
 .../createInfiniteQuery/BaseExample.svelte    |  2 +-
 .../createInfiniteQuery/SelectExample.svelte  |  2 +-
 .../createMutation/FailureExample.svelte      |  3 +-
 .../createMutation/OnSuccessExample.svelte    |  3 +-
 .../tests/createMutation/ResetExample.svelte  |  3 +-
 .../createMutation/createMutation.test.ts     |  2 +-
 .../tests/createQueries/BaseExample.svelte    |  4 +--
 .../tests/createQueries/CombineExample.svelte |  4 +--
 .../createQueries/createQueries.test-d.ts     |  4 +--
 .../tests/createQueries/createQueries.test.ts |  2 +-
 .../tests/createQuery/BaseExample.svelte      |  4 +--
 .../tests/createQuery/DisabledExample.svelte  |  4 +--
 .../tests/createQuery/PlaceholderData.svelte  |  4 +--
 .../tests/createQuery/RefetchExample.svelte   |  4 +--
 .../tests/createQuery/createQuery.test-d.ts   |  4 +--
 .../tests/createQuery/createQuery.test.ts     |  2 +-
 .../infiniteQueryOptions.test-d.ts            |  2 +-
 .../tests/queryOptions/queryOptions.test-d.ts |  2 +-
 .../tests/useIsFetching/BaseExample.svelte    |  5 ++-
 .../tests/useIsMutating/BaseExample.svelte    |  5 ++-
 .../tests/useMutationState/BaseExample.svelte | 10 +++---
 packages/svelte-query/tsconfig.json           |  3 +-
 42 files changed, 86 insertions(+), 88 deletions(-)

diff --git a/packages/svelte-query/src/HydrationBoundary.svelte b/packages/svelte-query/src/HydrationBoundary.svelte
index ecd29cebbf..330984311f 100644
--- a/packages/svelte-query/src/HydrationBoundary.svelte
+++ b/packages/svelte-query/src/HydrationBoundary.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { useHydrate } from './useHydrate'
+  import { useHydrate } from './useHydrate.js'
   import type {
     DehydratedState,
     HydrateOptions,
diff --git a/packages/svelte-query/src/QueryClientProvider.svelte b/packages/svelte-query/src/QueryClientProvider.svelte
index 938562a14d..9f43e49093 100644
--- a/packages/svelte-query/src/QueryClientProvider.svelte
+++ b/packages/svelte-query/src/QueryClientProvider.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onDestroy, onMount } from 'svelte'
   import { QueryClient } from '@tanstack/query-core'
-  import { setQueryClientContext } from './context'
+  import { setQueryClientContext } from './context.js'
 
   export let client = new QueryClient()
 
diff --git a/packages/svelte-query/src/createBaseQuery.ts b/packages/svelte-query/src/createBaseQuery.ts
index c307c9cb80..3b33485905 100644
--- a/packages/svelte-query/src/createBaseQuery.ts
+++ b/packages/svelte-query/src/createBaseQuery.ts
@@ -1,8 +1,8 @@
 import { derived, get, readable } from 'svelte/store'
 import { notifyManager } from '@tanstack/query-core'
-import { useIsRestoring } from './useIsRestoring'
-import { useQueryClient } from './useQueryClient'
-import { isSvelteStore } from './utils'
+import { useIsRestoring } from './useIsRestoring.js'
+import { useQueryClient } from './useQueryClient.js'
+import { isSvelteStore } from './utils.js'
 import type {
   QueryClient,
   QueryKey,
@@ -13,7 +13,7 @@ import type {
   CreateBaseQueryOptions,
   CreateBaseQueryResult,
   StoreOrVal,
-} from './types'
+} from './types.js'
 
 export function createBaseQuery<
   TQueryFnData,
diff --git a/packages/svelte-query/src/createInfiniteQuery.ts b/packages/svelte-query/src/createInfiniteQuery.ts
index b39c6eef03..7137800298 100644
--- a/packages/svelte-query/src/createInfiniteQuery.ts
+++ b/packages/svelte-query/src/createInfiniteQuery.ts
@@ -1,5 +1,5 @@
 import { InfiniteQueryObserver } from '@tanstack/query-core'
-import { createBaseQuery } from './createBaseQuery'
+import { createBaseQuery } from './createBaseQuery.js'
 import type {
   DefaultError,
   InfiniteData,
@@ -11,7 +11,7 @@ import type {
   CreateInfiniteQueryOptions,
   CreateInfiniteQueryResult,
   StoreOrVal,
-} from './types'
+} from './types.js'
 
 export function createInfiniteQuery<
   TQueryFnData,
diff --git a/packages/svelte-query/src/createMutation.ts b/packages/svelte-query/src/createMutation.ts
index 97053fb0f4..96198c3c1f 100644
--- a/packages/svelte-query/src/createMutation.ts
+++ b/packages/svelte-query/src/createMutation.ts
@@ -1,13 +1,13 @@
 import { derived, get, readable } from 'svelte/store'
 import { MutationObserver, notifyManager } from '@tanstack/query-core'
-import { useQueryClient } from './useQueryClient'
-import { isSvelteStore, noop } from './utils'
+import { useQueryClient } from './useQueryClient.js'
+import { isSvelteStore, noop } from './utils.js'
 import type {
   CreateMutateFunction,
   CreateMutationOptions,
   CreateMutationResult,
   StoreOrVal,
-} from './types'
+} from './types.js'
 import type { DefaultError, QueryClient } from '@tanstack/query-core'
 
 export function createMutation<
diff --git a/packages/svelte-query/src/createQueries.ts b/packages/svelte-query/src/createQueries.ts
index cb1ba75679..f648ab62e7 100644
--- a/packages/svelte-query/src/createQueries.ts
+++ b/packages/svelte-query/src/createQueries.ts
@@ -1,10 +1,10 @@
 import { QueriesObserver, notifyManager } from '@tanstack/query-core'
 import { derived, get, readable } from 'svelte/store'
-import { useIsRestoring } from './useIsRestoring'
-import { useQueryClient } from './useQueryClient'
-import { isSvelteStore } from './utils'
+import { useIsRestoring } from './useIsRestoring.js'
+import { useQueryClient } from './useQueryClient.js'
+import { isSvelteStore } from './utils.js'
 import type { Readable } from 'svelte/store'
-import type { StoreOrVal } from './types'
+import type { StoreOrVal } from './types.js'
 import type {
   DefaultError,
   DefinedQueryObserverResult,
diff --git a/packages/svelte-query/src/createQuery.ts b/packages/svelte-query/src/createQuery.ts
index 32bf45e394..51a43c274c 100644
--- a/packages/svelte-query/src/createQuery.ts
+++ b/packages/svelte-query/src/createQuery.ts
@@ -1,16 +1,16 @@
 import { QueryObserver } from '@tanstack/query-core'
-import { createBaseQuery } from './createBaseQuery'
+import { createBaseQuery } from './createBaseQuery.js'
 import type { DefaultError, QueryClient, QueryKey } from '@tanstack/query-core'
 import type {
   CreateQueryOptions,
   CreateQueryResult,
   DefinedCreateQueryResult,
   StoreOrVal,
-} from './types'
+} from './types.js'
 import type {
   DefinedInitialDataOptions,
   UndefinedInitialDataOptions,
-} from './queryOptions'
+} from './queryOptions.js'
 
 export function createQuery<
   TQueryFnData = unknown,
diff --git a/packages/svelte-query/src/index.ts b/packages/svelte-query/src/index.ts
index 7e5df191ac..735cd89f59 100644
--- a/packages/svelte-query/src/index.ts
+++ b/packages/svelte-query/src/index.ts
@@ -4,25 +4,25 @@
 export * from '@tanstack/query-core'
 
 // Svelte Query
-export * from './types'
-export * from './context'
+export * from './types.js'
+export * from './context.js'
 
-export { createQuery } from './createQuery'
-export type { QueriesResults, QueriesOptions } from './createQueries'
+export { createQuery } from './createQuery.js'
+export type { QueriesResults, QueriesOptions } from './createQueries.js'
 export type {
   DefinedInitialDataOptions,
   UndefinedInitialDataOptions,
-} from './queryOptions'
-export { queryOptions } from './queryOptions'
-export { createQueries } from './createQueries'
-export { createInfiniteQuery } from './createInfiniteQuery'
-export { infiniteQueryOptions } from './infiniteQueryOptions'
-export { createMutation } from './createMutation'
-export { useMutationState } from './useMutationState'
-export { useQueryClient } from './useQueryClient'
-export { useIsFetching } from './useIsFetching'
-export { useIsMutating } from './useIsMutating'
-export { useIsRestoring } from './useIsRestoring'
-export { useHydrate } from './useHydrate'
+} from './queryOptions.js'
+export { queryOptions } from './queryOptions.js'
+export { createQueries } from './createQueries.js'
+export { createInfiniteQuery } from './createInfiniteQuery.js'
+export { infiniteQueryOptions } from './infiniteQueryOptions.js'
+export { createMutation } from './createMutation.js'
+export { useMutationState } from './useMutationState.js'
+export { useQueryClient } from './useQueryClient.js'
+export { useIsFetching } from './useIsFetching.js'
+export { useIsMutating } from './useIsMutating.js'
+export { useIsRestoring } from './useIsRestoring.js'
+export { useHydrate } from './useHydrate.js'
 export { default as HydrationBoundary } from './HydrationBoundary.svelte'
 export { default as QueryClientProvider } from './QueryClientProvider.svelte'
diff --git a/packages/svelte-query/src/infiniteQueryOptions.ts b/packages/svelte-query/src/infiniteQueryOptions.ts
index a61302af03..6d71bd2f44 100644
--- a/packages/svelte-query/src/infiniteQueryOptions.ts
+++ b/packages/svelte-query/src/infiniteQueryOptions.ts
@@ -1,5 +1,5 @@
 import type { DefaultError, InfiniteData, QueryKey } from '@tanstack/query-core'
-import type { CreateInfiniteQueryOptions } from './types'
+import type { CreateInfiniteQueryOptions } from './types.js'
 
 export function infiniteQueryOptions<
   TQueryFnData,
diff --git a/packages/svelte-query/src/queryOptions.ts b/packages/svelte-query/src/queryOptions.ts
index 94c75e8056..a780c596dc 100644
--- a/packages/svelte-query/src/queryOptions.ts
+++ b/packages/svelte-query/src/queryOptions.ts
@@ -1,5 +1,5 @@
 import type { DataTag, DefaultError, QueryKey } from '@tanstack/query-core'
-import type { CreateQueryOptions } from './types'
+import type { CreateQueryOptions } from './types.js'
 
 export type UndefinedInitialDataOptions<
   TQueryFnData = unknown,
diff --git a/packages/svelte-query/src/useHydrate.ts b/packages/svelte-query/src/useHydrate.ts
index 709b4a468c..cc27d8e86c 100644
--- a/packages/svelte-query/src/useHydrate.ts
+++ b/packages/svelte-query/src/useHydrate.ts
@@ -3,7 +3,7 @@ import {
   type QueryClient,
   hydrate,
 } from '@tanstack/query-core'
-import { useQueryClient } from './useQueryClient'
+import { useQueryClient } from './useQueryClient.js'
 
 export function useHydrate(
   state?: unknown,
diff --git a/packages/svelte-query/src/useIsFetching.ts b/packages/svelte-query/src/useIsFetching.ts
index 33157d7e66..729dea9412 100644
--- a/packages/svelte-query/src/useIsFetching.ts
+++ b/packages/svelte-query/src/useIsFetching.ts
@@ -4,7 +4,7 @@ import {
   notifyManager,
 } from '@tanstack/query-core'
 import { readable } from 'svelte/store'
-import { useQueryClient } from './useQueryClient'
+import { useQueryClient } from './useQueryClient.js'
 import type { Readable } from 'svelte/store'
 
 export function useIsFetching(
diff --git a/packages/svelte-query/src/useIsMutating.ts b/packages/svelte-query/src/useIsMutating.ts
index 1c61e5d456..e2495ab596 100644
--- a/packages/svelte-query/src/useIsMutating.ts
+++ b/packages/svelte-query/src/useIsMutating.ts
@@ -4,7 +4,7 @@ import {
   notifyManager,
 } from '@tanstack/query-core'
 import { readable } from 'svelte/store'
-import { useQueryClient } from './useQueryClient'
+import { useQueryClient } from './useQueryClient.js'
 import type { Readable } from 'svelte/store'
 
 export function useIsMutating(
diff --git a/packages/svelte-query/src/useIsRestoring.ts b/packages/svelte-query/src/useIsRestoring.ts
index ada6043d88..c22d8af402 100644
--- a/packages/svelte-query/src/useIsRestoring.ts
+++ b/packages/svelte-query/src/useIsRestoring.ts
@@ -1,4 +1,4 @@
-import { getIsRestoringContext } from './context'
+import { getIsRestoringContext } from './context.js'
 import type { Readable } from 'svelte/store'
 
 export function useIsRestoring(): Readable<boolean> {
diff --git a/packages/svelte-query/src/useMutationState.ts b/packages/svelte-query/src/useMutationState.ts
index 0f9a874e44..0367eee5db 100644
--- a/packages/svelte-query/src/useMutationState.ts
+++ b/packages/svelte-query/src/useMutationState.ts
@@ -1,13 +1,13 @@
 import { readable } from 'svelte/store'
 import { notifyManager, replaceEqualDeep } from '@tanstack/query-core'
-import { useQueryClient } from './useQueryClient'
+import { useQueryClient } from './useQueryClient.js'
 import type {
   MutationCache,
   MutationState,
   QueryClient,
 } from '@tanstack/query-core'
 import type { Readable } from 'svelte/store'
-import type { MutationStateOptions } from './types'
+import type { MutationStateOptions } from './types.js'
 
 function getResult<TResult = MutationState>(
   mutationCache: MutationCache,
diff --git a/packages/svelte-query/src/useQueryClient.ts b/packages/svelte-query/src/useQueryClient.ts
index 2fe7711fc9..a179058578 100644
--- a/packages/svelte-query/src/useQueryClient.ts
+++ b/packages/svelte-query/src/useQueryClient.ts
@@ -1,4 +1,4 @@
-import { getQueryClientContext } from './context'
+import { getQueryClientContext } from './context.js'
 import type { QueryClient } from '@tanstack/query-core'
 
 export function useQueryClient(queryClient?: QueryClient): QueryClient {
diff --git a/packages/svelte-query/src/utils.ts b/packages/svelte-query/src/utils.ts
index 617144fae0..3ecc2ed8b3 100644
--- a/packages/svelte-query/src/utils.ts
+++ b/packages/svelte-query/src/utils.ts
@@ -1,5 +1,5 @@
 import type { Readable } from 'svelte/store'
-import type { StoreOrVal } from './types'
+import type { StoreOrVal } from './types.js'
 
 export function isSvelteStore<T extends object>(
   obj: StoreOrVal<T>,
diff --git a/packages/svelte-query/tests/QueryClientProvider/ChildComponent.svelte b/packages/svelte-query/tests/QueryClientProvider/ChildComponent.svelte
index 1debd7311a..0c5a062945 100644
--- a/packages/svelte-query/tests/QueryClientProvider/ChildComponent.svelte
+++ b/packages/svelte-query/tests/QueryClientProvider/ChildComponent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { createQuery } from '../../src/createQuery'
-  import { sleep } from '../utils'
+  import { createQuery } from '../../src/index.js'
+  import { sleep } from '../utils.js'
 
   const query = createQuery({
     queryKey: ['hello'],
diff --git a/packages/svelte-query/tests/context/BaseExample.svelte b/packages/svelte-query/tests/context/BaseExample.svelte
index 4ed1cf09e6..7a48df768d 100644
--- a/packages/svelte-query/tests/context/BaseExample.svelte
+++ b/packages/svelte-query/tests/context/BaseExample.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getQueryClientContext } from '../../src/context'
+  import { getQueryClientContext } from '../../src/index.js'
 
   getQueryClientContext()
 </script>
diff --git a/packages/svelte-query/tests/context/context.test.ts b/packages/svelte-query/tests/context/context.test.ts
index cb2b6d9e15..5c4ee39a39 100644
--- a/packages/svelte-query/tests/context/context.test.ts
+++ b/packages/svelte-query/tests/context/context.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, test } from 'vitest'
 import { render } from '@testing-library/svelte'
-import { getIsRestoringContext } from '../../src/context'
+import { getIsRestoringContext } from '../../src/index.js'
 import BaseExample from './BaseExample.svelte'
 
 describe('getQueryClientContext', () => {
diff --git a/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte b/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte
index 9eb6377e6f..ce33e17b90 100644
--- a/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte
+++ b/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import { createInfiniteQuery } from '../../src/createInfiniteQuery'
+  import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
 
diff --git a/packages/svelte-query/tests/createInfiniteQuery/SelectExample.svelte b/packages/svelte-query/tests/createInfiniteQuery/SelectExample.svelte
index 00983843d1..c96a483842 100644
--- a/packages/svelte-query/tests/createInfiniteQuery/SelectExample.svelte
+++ b/packages/svelte-query/tests/createInfiniteQuery/SelectExample.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import { createInfiniteQuery } from '../../src/index'
+  import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
 
diff --git a/packages/svelte-query/tests/createMutation/FailureExample.svelte b/packages/svelte-query/tests/createMutation/FailureExample.svelte
index 52f9c8887f..2c8a8a2c1b 100644
--- a/packages/svelte-query/tests/createMutation/FailureExample.svelte
+++ b/packages/svelte-query/tests/createMutation/FailureExample.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store'
   import { QueryClient } from '@tanstack/query-core'
-  import { setQueryClientContext } from '../../src/context'
-  import { createMutation } from '../../src/createMutation'
+  import { createMutation, setQueryClientContext } from '../../src/index.js'
 
   export let mutationFn: (value: {
     count: number
diff --git a/packages/svelte-query/tests/createMutation/OnSuccessExample.svelte b/packages/svelte-query/tests/createMutation/OnSuccessExample.svelte
index 7349bf42df..7f338ede5d 100644
--- a/packages/svelte-query/tests/createMutation/OnSuccessExample.svelte
+++ b/packages/svelte-query/tests/createMutation/OnSuccessExample.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import { writable } from 'svelte/store'
   import { QueryClient } from '@tanstack/query-core'
-  import { setQueryClientContext } from '../../src/context'
-  import { createMutation } from '../../src/createMutation'
+  import { createMutation, setQueryClientContext } from '../../src/index.js'
 
   export let onSuccessMock: any
   export let onSettledMock: any
diff --git a/packages/svelte-query/tests/createMutation/ResetExample.svelte b/packages/svelte-query/tests/createMutation/ResetExample.svelte
index f5095d7182..cc8216e84f 100644
--- a/packages/svelte-query/tests/createMutation/ResetExample.svelte
+++ b/packages/svelte-query/tests/createMutation/ResetExample.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import { setQueryClientContext } from '../../src/context'
-  import { createMutation } from '../../src/createMutation'
+  import { createMutation, setQueryClientContext } from '../../src/index.js'
 
   const queryClient = new QueryClient()
   setQueryClientContext(queryClient)
diff --git a/packages/svelte-query/tests/createMutation/createMutation.test.ts b/packages/svelte-query/tests/createMutation/createMutation.test.ts
index f309d334b6..d120655e31 100644
--- a/packages/svelte-query/tests/createMutation/createMutation.test.ts
+++ b/packages/svelte-query/tests/createMutation/createMutation.test.ts
@@ -1,6 +1,6 @@
 import { describe, expect, test, vi } from 'vitest'
 import { fireEvent, render, waitFor } from '@testing-library/svelte'
-import { sleep } from '../utils'
+import { sleep } from '../utils.js'
 import ResetExample from './ResetExample.svelte'
 import OnSuccessExample from './OnSuccessExample.svelte'
 import FailureExample from './FailureExample.svelte'
diff --git a/packages/svelte-query/tests/createQueries/BaseExample.svelte b/packages/svelte-query/tests/createQueries/BaseExample.svelte
index 7f285fbb18..b9b5ae7c47 100644
--- a/packages/svelte-query/tests/createQueries/BaseExample.svelte
+++ b/packages/svelte-query/tests/createQueries/BaseExample.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-  import { createQueries } from '../../src/createQueries'
+  import { createQueries } from '../../src/index.js'
   import type { QueryClient } from '@tanstack/query-core'
-  import type { QueriesOptions } from '../../src/createQueries'
+  import type { QueriesOptions } from '../../src/index.js'
 
   export let options: {
     queries: [...QueriesOptions<any>]
diff --git a/packages/svelte-query/tests/createQueries/CombineExample.svelte b/packages/svelte-query/tests/createQueries/CombineExample.svelte
index a37b266db1..c8fa73696c 100644
--- a/packages/svelte-query/tests/createQueries/CombineExample.svelte
+++ b/packages/svelte-query/tests/createQueries/CombineExample.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import { createQueries } from '../../src/createQueries'
-  import { sleep } from '../utils'
+  import { createQueries } from '../../src/index.js'
+  import { sleep } from '../utils.js'
   import type { QueryClient } from '@tanstack/query-core'
 
   export let queryClient: QueryClient
diff --git a/packages/svelte-query/tests/createQueries/createQueries.test-d.ts b/packages/svelte-query/tests/createQueries/createQueries.test-d.ts
index 0f3881330a..36f4db2b20 100644
--- a/packages/svelte-query/tests/createQueries/createQueries.test-d.ts
+++ b/packages/svelte-query/tests/createQueries/createQueries.test-d.ts
@@ -1,9 +1,9 @@
 import { describe, expectTypeOf, test } from 'vitest'
 import { get } from 'svelte/store'
 import { skipToken } from '@tanstack/query-core'
-import { createQueries, queryOptions } from '../../src/index'
+import { createQueries, queryOptions } from '../../src/index.js'
 import type { OmitKeyof, QueryObserverResult } from '@tanstack/query-core'
-import type { CreateQueryOptions } from '../../src/index'
+import type { CreateQueryOptions } from '../../src/index.js'
 
 describe('createQueries', () => {
   test('TData should be defined when passed through queryOptions', () => {
diff --git a/packages/svelte-query/tests/createQueries/createQueries.test.ts b/packages/svelte-query/tests/createQueries/createQueries.test.ts
index 91a6f8da3b..c8efa1f08d 100644
--- a/packages/svelte-query/tests/createQueries/createQueries.test.ts
+++ b/packages/svelte-query/tests/createQueries/createQueries.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, test } from 'vitest'
 import { render, waitFor } from '@testing-library/svelte'
 import { QueryClient } from '@tanstack/query-core'
-import { sleep } from '../utils'
+import { sleep } from '../utils.js'
 import BaseExample from './BaseExample.svelte'
 import CombineExample from './CombineExample.svelte'
 
diff --git a/packages/svelte-query/tests/createQuery/BaseExample.svelte b/packages/svelte-query/tests/createQuery/BaseExample.svelte
index ce196f4783..1836355cab 100644
--- a/packages/svelte-query/tests/createQuery/BaseExample.svelte
+++ b/packages/svelte-query/tests/createQuery/BaseExample.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import { createQuery } from '../../src/createQuery'
+  import { createQuery } from '../../src/createQuery.js'
   import type { QueryClient, QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
-  import type { CreateQueryOptions, StoreOrVal } from '../../src/types'
+  import type { CreateQueryOptions, StoreOrVal } from '../../src/index.js'
 
   export let options: StoreOrVal<CreateQueryOptions<any>>
   export let queryClient: QueryClient
diff --git a/packages/svelte-query/tests/createQuery/DisabledExample.svelte b/packages/svelte-query/tests/createQuery/DisabledExample.svelte
index 13b1895b69..3d50a2d73c 100644
--- a/packages/svelte-query/tests/createQuery/DisabledExample.svelte
+++ b/packages/svelte-query/tests/createQuery/DisabledExample.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
   import { derived, writable } from 'svelte/store'
-  import { createQuery } from '../../src/createQuery'
-  import { sleep } from '../utils'
+  import { createQuery } from '../../src/index.js'
+  import { sleep } from '../utils.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
 
diff --git a/packages/svelte-query/tests/createQuery/PlaceholderData.svelte b/packages/svelte-query/tests/createQuery/PlaceholderData.svelte
index e864f0d419..5b9737e731 100644
--- a/packages/svelte-query/tests/createQuery/PlaceholderData.svelte
+++ b/packages/svelte-query/tests/createQuery/PlaceholderData.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { derived, writable } from 'svelte/store'
-  import { createQuery, keepPreviousData } from '../../src/index'
-  import { sleep } from '../utils'
+  import { createQuery, keepPreviousData } from '../../src/index.js'
+  import { sleep } from '../utils.js'
   import type { QueryClient, QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
 
diff --git a/packages/svelte-query/tests/createQuery/RefetchExample.svelte b/packages/svelte-query/tests/createQuery/RefetchExample.svelte
index d096b16142..8a4adb4b5f 100644
--- a/packages/svelte-query/tests/createQuery/RefetchExample.svelte
+++ b/packages/svelte-query/tests/createQuery/RefetchExample.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
   import { derived, writable } from 'svelte/store'
-  import { createQuery } from '../../src/createQuery'
-  import { sleep } from '../utils'
+  import { createQuery } from '../../src/index.js'
+  import { sleep } from '../utils.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
 
diff --git a/packages/svelte-query/tests/createQuery/createQuery.test-d.ts b/packages/svelte-query/tests/createQuery/createQuery.test-d.ts
index f2931340e9..6560008022 100644
--- a/packages/svelte-query/tests/createQuery/createQuery.test-d.ts
+++ b/packages/svelte-query/tests/createQuery/createQuery.test-d.ts
@@ -1,8 +1,8 @@
 import { describe, expectTypeOf, test } from 'vitest'
 import { get } from 'svelte/store'
-import { createQuery, queryOptions } from '../../src/index'
+import { createQuery, queryOptions } from '../../src/index.js'
 import type { OmitKeyof } from '@tanstack/query-core'
-import type { CreateQueryOptions } from '../../src/index'
+import type { CreateQueryOptions } from '../../src/index.js'
 
 describe('createQuery', () => {
   test('TData should always be defined when initialData is provided as an object', () => {
diff --git a/packages/svelte-query/tests/createQuery/createQuery.test.ts b/packages/svelte-query/tests/createQuery/createQuery.test.ts
index 347f49a01c..11b09fd69c 100644
--- a/packages/svelte-query/tests/createQuery/createQuery.test.ts
+++ b/packages/svelte-query/tests/createQuery/createQuery.test.ts
@@ -2,7 +2,7 @@ import { describe, expect, test } from 'vitest'
 import { fireEvent, render, waitFor } from '@testing-library/svelte'
 import { derived, get, writable } from 'svelte/store'
 import { QueryClient } from '@tanstack/query-core'
-import { sleep } from '../utils'
+import { sleep } from '../utils.js'
 import BaseExample from './BaseExample.svelte'
 import DisabledExample from './DisabledExample.svelte'
 import PlaceholderData from './PlaceholderData.svelte'
diff --git a/packages/svelte-query/tests/infiniteQueryOptions/infiniteQueryOptions.test-d.ts b/packages/svelte-query/tests/infiniteQueryOptions/infiniteQueryOptions.test-d.ts
index 0b4af0992e..45f98dd085 100644
--- a/packages/svelte-query/tests/infiniteQueryOptions/infiniteQueryOptions.test-d.ts
+++ b/packages/svelte-query/tests/infiniteQueryOptions/infiniteQueryOptions.test-d.ts
@@ -1,7 +1,7 @@
 import { describe, expectTypeOf, test } from 'vitest'
 import { get } from 'svelte/store'
 import { QueryClient } from '@tanstack/query-core'
-import { createInfiniteQuery, infiniteQueryOptions } from '../../src/index'
+import { createInfiniteQuery, infiniteQueryOptions } from '../../src/index.js'
 import type { InfiniteData } from '@tanstack/query-core'
 
 describe('queryOptions', () => {
diff --git a/packages/svelte-query/tests/queryOptions/queryOptions.test-d.ts b/packages/svelte-query/tests/queryOptions/queryOptions.test-d.ts
index 4999037005..cfe46e2af7 100644
--- a/packages/svelte-query/tests/queryOptions/queryOptions.test-d.ts
+++ b/packages/svelte-query/tests/queryOptions/queryOptions.test-d.ts
@@ -6,7 +6,7 @@ import {
   dataTagSymbol,
   skipToken,
 } from '@tanstack/query-core'
-import { createQueries, queryOptions } from '../../src/index'
+import { createQueries, queryOptions } from '../../src/index.js'
 import type { QueryObserverResult } from '@tanstack/query-core'
 
 describe('queryOptions', () => {
diff --git a/packages/svelte-query/tests/useIsFetching/BaseExample.svelte b/packages/svelte-query/tests/useIsFetching/BaseExample.svelte
index d485b7b69b..0e0919bef1 100644
--- a/packages/svelte-query/tests/useIsFetching/BaseExample.svelte
+++ b/packages/svelte-query/tests/useIsFetching/BaseExample.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
   import { derived, writable } from 'svelte/store'
-  import { createQuery } from '../../src/createQuery'
-  import { useIsFetching } from '../../src/useIsFetching'
-  import { sleep } from '../utils'
+  import { createQuery, useIsFetching } from '../../src/index.js'
+  import { sleep } from '../utils.js'
 
   const queryClient = new QueryClient()
   const ready = writable(false)
diff --git a/packages/svelte-query/tests/useIsMutating/BaseExample.svelte b/packages/svelte-query/tests/useIsMutating/BaseExample.svelte
index 35dafba38c..b144393de4 100644
--- a/packages/svelte-query/tests/useIsMutating/BaseExample.svelte
+++ b/packages/svelte-query/tests/useIsMutating/BaseExample.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import { createMutation } from '../../src/createMutation'
-  import { sleep } from '../utils'
-  import { useIsMutating } from '../../src/useIsMutating'
+  import { createMutation, useIsMutating } from '../../src/index.js'
+  import { sleep } from '../utils.js'
 
   const queryClient = new QueryClient()
   const isMutating = useIsMutating(undefined, queryClient)
diff --git a/packages/svelte-query/tests/useMutationState/BaseExample.svelte b/packages/svelte-query/tests/useMutationState/BaseExample.svelte
index 543a9a5271..ce85130099 100644
--- a/packages/svelte-query/tests/useMutationState/BaseExample.svelte
+++ b/packages/svelte-query/tests/useMutationState/BaseExample.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import { setQueryClientContext } from '../../src/context'
-  import { createMutation } from '../../src/createMutation'
-  import { useMutationState } from '../../src/useMutationState'
+  import {
+    createMutation,
+    setQueryClientContext,
+    useMutationState,
+  } from '../../src/index.js'
   import type {
     CreateMutationOptions,
     MutationStateOptions,
-  } from '../../src/types'
+  } from '../../src/types.js'
 
   export let successMutationOpts: CreateMutationOptions
   export let errorMutationOpts: CreateMutationOptions
diff --git a/packages/svelte-query/tsconfig.json b/packages/svelte-query/tsconfig.json
index e78e45d83f..4cbd08dd54 100644
--- a/packages/svelte-query/tsconfig.json
+++ b/packages/svelte-query/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "Bundler"
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
   "include": [
     "src/**/*.js",

From a9cba66fe72c2ab649431538bb79014820efd3e1 Mon Sep 17 00:00:00 2001
From: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>
Date: Wed, 31 Jul 2024 19:02:20 +1000
Subject: [PATCH 2/2] Same for devtools and persist-client

---
 packages/svelte-query-devtools/tsconfig.json                  | 3 ++-
 .../tests/AwaitOnSuccess/AwaitOnSuccess.svelte                | 2 +-
 .../tests/FreshData/FreshData.svelte                          | 4 ++--
 .../tests/FreshData/Provider.svelte                           | 2 +-
 .../tests/InitialData/InitialData.svelte                      | 4 ++--
 .../tests/InitialData/Provider.svelte                         | 2 +-
 .../tests/OnSuccess/OnSuccess.svelte                          | 2 +-
 .../tests/PersistQueryClientProvider.test.ts                  | 4 ++--
 .../tests/RemoveCache/RemoveCache.svelte                      | 2 +-
 .../tests/RestoreCache/Provider.svelte                        | 2 +-
 .../tests/RestoreCache/RestoreCache.svelte                    | 4 ++--
 .../tests/UseQueries/Provider.svelte                          | 2 +-
 .../tests/UseQueries/UseQueries.svelte                        | 4 ++--
 packages/svelte-query-persist-client/tsconfig.json            | 3 ++-
 .../tests/QueryClientProvider/ParentComponent.svelte          | 2 +-
 packages/svelte-query/tests/createQuery/BaseExample.svelte    | 2 +-
 16 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/packages/svelte-query-devtools/tsconfig.json b/packages/svelte-query-devtools/tsconfig.json
index 5933fb9d2b..ba0f66c36e 100644
--- a/packages/svelte-query-devtools/tsconfig.json
+++ b/packages/svelte-query-devtools/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "Bundler"
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
   "include": [
     "src/**/*.js",
diff --git a/packages/svelte-query-persist-client/tests/AwaitOnSuccess/AwaitOnSuccess.svelte b/packages/svelte-query-persist-client/tests/AwaitOnSuccess/AwaitOnSuccess.svelte
index 7316ce609c..2a7501660e 100644
--- a/packages/svelte-query-persist-client/tests/AwaitOnSuccess/AwaitOnSuccess.svelte
+++ b/packages/svelte-query-persist-client/tests/AwaitOnSuccess/AwaitOnSuccess.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
   import type { Writable } from 'svelte/store'
 
   export let states: Writable<Array<string>>
diff --git a/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte b/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte
index 48670b32d2..fd46ffb5b6 100644
--- a/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte
+++ b/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let states: Writable<Array<StatusResult<string>>>
   export let fetched: Writable<boolean>
diff --git a/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte b/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte
index 4c91c2a2c6..75a9c1aefa 100644
--- a/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte
+++ b/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte
@@ -4,7 +4,7 @@
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let queryClient: QueryClient
   export let persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
diff --git a/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte b/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte
index 6046f552e3..900c7f37cd 100644
--- a/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte
+++ b/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let states: Writable<Array<StatusResult<string>>>
 
diff --git a/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte b/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte
index bb7c585027..e5e17f712e 100644
--- a/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte
+++ b/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte
@@ -4,7 +4,7 @@
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let queryClient: QueryClient
   export let persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
diff --git a/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte b/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte
index c890014886..efd321ca8b 100644
--- a/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte
+++ b/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
 
   const query = createQuery({
     queryKey: ['test'],
diff --git a/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.test.ts b/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.test.ts
index 1366fe8541..86b99cce90 100644
--- a/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.test.ts
+++ b/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.test.ts
@@ -9,14 +9,14 @@ import InitialData from './InitialData/Provider.svelte'
 import RemoveCache from './RemoveCache/Provider.svelte'
 import RestoreCache from './RestoreCache/Provider.svelte'
 import UseQueries from './UseQueries/Provider.svelte'
-import { createQueryClient, sleep } from './utils'
+import { createQueryClient, sleep } from './utils.js'
 
 import type {
   PersistedClient,
   Persister,
 } from '@tanstack/query-persist-client-core'
 import type { Writable } from 'svelte/store'
-import type { StatusResult } from './utils'
+import type { StatusResult } from './utils.js'
 
 const createMockPersister = (): Persister => {
   let storedState: PersistedClient | undefined
diff --git a/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte b/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte
index c890014886..efd321ca8b 100644
--- a/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte
+++ b/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
 
   const query = createQuery({
     queryKey: ['test'],
diff --git a/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte b/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte
index 0613c9440f..531aae8c3f 100644
--- a/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte
+++ b/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte
@@ -4,7 +4,7 @@
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let queryClient: QueryClient
   export let persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
diff --git a/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte b/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte
index 2e2af65a58..15b3a92df9 100644
--- a/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte
+++ b/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { createQuery } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let states: Writable<Array<StatusResult<string>>>
 
diff --git a/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte b/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte
index 301eb1629e..56429b7d81 100644
--- a/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte
+++ b/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte
@@ -4,7 +4,7 @@
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let queryClient: QueryClient
   export let persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
diff --git a/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte b/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte
index dbf88e6fb7..75ec9dc4e3 100644
--- a/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte
+++ b/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
   import { createQueries } from '@tanstack/svelte-query'
-  import { sleep } from '../utils'
+  import { sleep } from '../utils.js'
   import type { Writable } from 'svelte/store'
-  import type { StatusResult } from '../utils'
+  import type { StatusResult } from '../utils.js'
 
   export let states: Writable<Array<StatusResult<string>>>
 
diff --git a/packages/svelte-query-persist-client/tsconfig.json b/packages/svelte-query-persist-client/tsconfig.json
index e78e45d83f..4cbd08dd54 100644
--- a/packages/svelte-query-persist-client/tsconfig.json
+++ b/packages/svelte-query-persist-client/tsconfig.json
@@ -1,7 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "moduleResolution": "Bundler"
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
   },
   "include": [
     "src/**/*.js",
diff --git a/packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte b/packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte
index 7129cf8a31..dc2440ef94 100644
--- a/packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte
+++ b/packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
-  import QueryClientProvider from '../../src/QueryClientProvider.svelte'
+  import { QueryClientProvider } from '../../src/index.js'
   import ChildComponent from './ChildComponent.svelte'
   import type { QueryCache } from '@tanstack/query-core'
 
diff --git a/packages/svelte-query/tests/createQuery/BaseExample.svelte b/packages/svelte-query/tests/createQuery/BaseExample.svelte
index 1836355cab..d7a824c26b 100644
--- a/packages/svelte-query/tests/createQuery/BaseExample.svelte
+++ b/packages/svelte-query/tests/createQuery/BaseExample.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { createQuery } from '../../src/createQuery.js'
+  import { createQuery } from '../../src/index.js'
   import type { QueryClient, QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
   import type { CreateQueryOptions, StoreOrVal } from '../../src/index.js'