WeamonZ
WeamonZ
PostsComments
CCConvex Community
Created by sbkl on 5/11/2024 in #support-community
preloadQuery for server side rendering getting the client component error
// some page
import { api, fetchQuery, preloadedQueryResult, preloadQuery } from "@/lib/convex/server";

export default async function Page() {
  const data = await fetchQuery(api.tasks.getTaskList, { id: 1 })

  return (
    <div>
      {data}
    </div>
  )
}
// some page
import { api, fetchQuery, preloadedQueryResult, preloadQuery } from "@/lib/convex/server";

export default async function Page() {
  const data = await fetchQuery(api.tasks.getTaskList, { id: 1 })

  return (
    <div>
      {data}
    </div>
  )
}
// lib/convex/server.ts
export * from './api';

export { preloadQuery, fetchQuery, preloadedQueryResult } from "convex/nextjs";
// lib/convex/server.ts
export * from './api';

export { preloadQuery, fetchQuery, preloadedQueryResult } from "convex/nextjs";
For anyone with the issue, I re-exported convex (for decoupling purpose), and I made sure to separate the convex/react and the convex/next.
7 replies
CCConvex Community
Created by sbkl on 5/11/2024 in #support-community
preloadQuery for server side rendering getting the client component error
Ok it looks like I messed up convex/react and convex/nextjs imports, I should seperate them in different files
7 replies
CCConvex Community
Created by sbkl on 5/11/2024 in #support-community
preloadQuery for server side rendering getting the client component error
@sbkl Hey, I'm actually having the same error, since the ConvexClientProvider requires use client, I cannot use preloadQuery orfetchQuery anywhere
7 replies