chore(Queries): add typing example

SvelteStack · Jan 22, 2022 · e0b5e05 · e0b5e05
1 parent 76d0591
commit e0b5e05
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/queryCore/broadcastQueryClient-experimental/index.ts b/src/queryCore/broadcastQueryClient-experimental/index.ts
@@ -1,15 +1,16 @@
-import { BroadcastChannel } from 'broadcast-channel'
 import { QueryClient } from '../core'
 
 interface BroadcastQueryClientOptions {
   queryClient: QueryClient
   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
@@ -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
 </script>
 
 <main>