diff --git a/packages/svelte-query-devtools/tsconfig.json b/packages/svelte-query-devtools/tsconfig.json
index 5933fb9d2bc..ba0f66c36ef 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 7316ce609ce..2a7501660e0 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 48670b32d25..fd46ffb5b6a 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 4c91c2a2c63..75a9c1aefae 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 6046f552e30..900c7f37cd3 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 bb7c5850271..e5e17f712eb 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 c890014886d..efd321ca8ba 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 1366fe85410..86b99cce900 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 c890014886d..efd321ca8ba 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 0613c9440f0..531aae8c3f6 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 2e2af65a581..15b3a92df91 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 301eb1629ef..56429b7d816 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 dbf88e6fb7f..75ec9dc4e31 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 e78e45d83ff..4cbd08dd54b 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/src/HydrationBoundary.svelte b/packages/svelte-query/src/HydrationBoundary.svelte
index ecd29cebbf3..330984311f1 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 938562a14d8..9f43e490934 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 c307c9cb800..3b33485905d 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 b39c6eef036..71378002980 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 97053fb0f44..96198c3c1ff 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 cb1ba756795..f648ab62e7a 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 32bf45e3943..51a43c274c1 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 7e5df191ac5..735cd89f593 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 a61302af03c..6d71bd2f440 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 94c75e8056c..a780c596dc1 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 709b4a468cc..cc27d8e86c2 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 33157d7e667..729dea9412c 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 1c61e5d4562..e2495ab596f 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 ada6043d887..c22d8af4020 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 0f9a874e448..0367eee5db4 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 2fe7711fc9c..a179058578d 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 617144fae08..3ecc2ed8b32 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 1debd7311a1..0c5a0629457 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/QueryClientProvider/ParentComponent.svelte b/packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte
index 7129cf8a31d..dc2440ef94e 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/context/BaseExample.svelte b/packages/svelte-query/tests/context/BaseExample.svelte
index 4ed1cf09e6b..7a48df768d4 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 cb2b6d9e15f..5c4ee39a395 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 9eb6377e6fb..ce33e17b90f 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 00983843d19..c96a4838425 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 52f9c8887fd..2c8a8a2c1b7 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 7349bf42df0..7f338ede5d8 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 f5095d7182f..cc8216e84f7 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 f309d334b6e..d120655e314 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 7f285fbb182..b9b5ae7c47a 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 a37b266db10..c8fa73696c0 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 0f3881330ac..36f4db2b207 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 91a6f8da3b7..c8efa1f08dd 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 ce196f47836..d7a824c26b0 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/index.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 13b1895b691..3d50a2d73c1 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 e864f0d4197..5b9737e7319 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 d096b161420..8a4adb4b5ff 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 f2931340e94..6560008022e 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 347f49a01c3..11b09fd69c5 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 0b4af0992e0..45f98dd085a 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 4999037005e..cfe46e2af71 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 d485b7b69b9..0e0919bef18 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 35dafba38c5..b144393de44 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 543a9a5271a..ce85130099f 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 e78e45d83ff..4cbd08dd54b 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",