33 lines
732 B
Svelte
33 lines
732 B
Svelte
<script lang="ts">
|
|
import type { QueryClient } from '@tanstack/query-core'
|
|
import {
|
|
HydrationBoundary,
|
|
createQuery,
|
|
setQueryClientContext,
|
|
} from '../../src/index.js'
|
|
import type { DehydratedState } from '@tanstack/query-core'
|
|
|
|
type Props = {
|
|
queryClient: QueryClient
|
|
dehydratedState: DehydratedState
|
|
queryFn: () => Promise<string>
|
|
}
|
|
|
|
let { queryClient, dehydratedState, queryFn }: Props = $props()
|
|
|
|
setQueryClientContext(queryClient)
|
|
|
|
const query = createQuery(() => ({
|
|
queryKey: ['string'],
|
|
queryFn,
|
|
}))
|
|
</script>
|
|
|
|
<HydrationBoundary
|
|
state={dehydratedState}
|
|
options={undefined}
|
|
queryClient={undefined}
|
|
>
|
|
<div>data: {query.data ?? 'undefined'}</div>
|
|
</HydrationBoundary>
|