useQuery with server function?

Hello - I ran into something I didn't know how to handle. I am trying to make a query - but I am passing the

db

db

in the query options. However, this gets ran in the client so -

pg

pg

can't be called there. What is the proper way to handle this in Tanstack Start with

useQuery

useQuery

queryClient

queryClient

perhaps?

// some file
import { db } from "~/server/db";

export const MESSAGE_LIST_QUERY_KEY = ["messages"];

const sessionHistoryQueryOptions = () =>
queryOptions({
queryKey: MESSAGE_LIST_QUERY_KEY,
queryFn: () => getAllSessionHistory(db),
});

export default sessionHistoryQueryOptions;

// in another file
// does not work. pg can't be called in the client
const { data: messages } = useQuery(sessionHistoryQueryOptions());

// some file
import { db } from "~/server/db";

export const MESSAGE_LIST_QUERY_KEY = ["messages"];

const sessionHistoryQueryOptions = () =>
queryOptions({
queryKey: MESSAGE_LIST_QUERY_KEY,
queryFn: () => getAllSessionHistory(db),
});

export default sessionHistoryQueryOptions;

// in another file
// does not work. pg can't be called in the client
const { data: messages } = useQuery(sessionHistoryQueryOptions());

TanStack•14mo ago•

1 reply

dead-brown

useQuery with server function?

Hello - I ran into something I didn't know how to handle. I am trying to make a query - but I am passing the

db

db

in the query options. However, this gets ran in the client so -

pg

pg

can't be called there. What is the proper way to handle this in Tanstack Start with

useQuery

useQuery

queryClient

queryClient

perhaps?

// some file
import { db } from "~/server/db";

export const MESSAGE_LIST_QUERY_KEY = ["messages"];

const sessionHistoryQueryOptions = () =>
queryOptions({
queryKey: MESSAGE_LIST_QUERY_KEY,
queryFn: () => getAllSessionHistory(db),
});

export default sessionHistoryQueryOptions;

// in another file
// does not work. pg can't be called in the client
const { data: messages } = useQuery(sessionHistoryQueryOptions());

// some file
import { db } from "~/server/db";

export const MESSAGE_LIST_QUERY_KEY = ["messages"];

const sessionHistoryQueryOptions = () =>
queryOptions({
queryKey: MESSAGE_LIST_QUERY_KEY,
queryFn: () => getAllSessionHistory(db),
});

export default sessionHistoryQueryOptions;

// in another file
// does not work. pg can't be called in the client
const { data: messages } = useQuery(sessionHistoryQueryOptions());

useQuery with server function?

Similar Threads

useQuery with server function?

Similar Threads

Similar Threads

Similar Threads