diff --git a/src/queryCore/broadcastQueryClient-experimental/index.ts b/src/queryCore/broadcastQueryClient-experimental/index.ts index 6bc9029..8f5f9f1 100644 --- a/src/queryCore/broadcastQueryClient-experimental/index.ts +++ b/src/queryCore/broadcastQueryClient-experimental/index.ts @@ -1,4 +1,3 @@ -import { BroadcastChannel } from 'broadcast-channel' import { QueryClient } from '../core' interface BroadcastQueryClientOptions { @@ -6,10 +5,12 @@ interface BroadcastQueryClientOptions { broadcastChannel?: string } -export function broadcastQueryClient({ +export async function broadcastQueryClient({ queryClient, broadcastChannel = 'svelte-query', }: BroadcastQueryClientOptions) { + const { BroadcastChannel } = await import('broadcast-channel') + let transaction = false const tx = (cb: () => void) => { transaction = true diff --git a/storybook/stories/queries/Queries.svelte b/storybook/stories/queries/Queries.svelte index d9e6014..eee0f35 100644 --- a/storybook/stories/queries/Queries.svelte +++ b/storybook/stories/queries/Queries.svelte @@ -20,7 +20,15 @@ { queryKey: 'myQuery3', queryFn: queryFn3 }, ] as const - const queriesStore = useQueries(queries) + const queriesStore = useQueries< + [{ queryFnData: string }, { queryFnData: string }, { queryFnData: boolean }] + >(queries) + // TS Error + // const queriesStore = useQueries< + // [{ queryFnData: string }, { queryFnData: string }, { queryFnData: string }] + // >(queries) + // can pass only TData (data prop) although TQueryFnData will be left unknown + // Please see QueriesOptions for more details