Could not find Convex client! `useQuery` must be used in the React component tree under `ConvexProvider`. Did you forget it? See https://docs.convex.dev/quick-start#set-up-convex-in-your-react-app

Source
app/(root)/new/page.jsx (8:5) @ api

   6 | const MyComponent = () => {
   7 |   const result = useNextPrevPaginatedQuery(
>  8 |     api.mashups.list,
     |     ^
   9 |     { channel: "general" },
  10 |     { initialNumItems: 10 }
  11 |   );

 Could not find Convex client! `useQuery` must be used in the React component tree under `ConvexProvider`. Did you forget it? See https://docs.convex.dev/quick-start#set-up-convex-in-your-react-app

Source
app/(root)/new/page.jsx (8:5) @ api

   6 | const MyComponent = () => {
   7 |   const result = useNextPrevPaginatedQuery(
>  8 |     api.mashups.list,
     |     ^
   9 |     { channel: "general" },
  10 |     { initialNumItems: 10 }
  11 |   );

export const getTestItems = query({
  args: {
    category: v.string(),
  },
  handler: async (ctx, args) => {
    const user = await authenticateUser(ctx);
    const { category } = args;

    console.log("Querying testItems for user:", user._id, "and category:", category);

    const items = await ctx.db
      .query("testItems")
      .withIndex("by_userId_and_category", (q) => 
        q.eq("userId", user._id).eq("category", category)
      )
      .collect();

    console.log("Query result:", items);

    return items;
  },
});

export const getTestItems = query({
  args: {
    category: v.string(),
  },
  handler: async (ctx, args) => {
    const user = await authenticateUser(ctx);
    const { category } = args;

    console.log("Querying testItems for user:", user._id, "and category:", category);

    const items = await ctx.db
      .query("testItems")
      .withIndex("by_userId_and_category", (q) => 
        q.eq("userId", user._id).eq("category", category)
      )
      .collect();

    console.log("Query result:", items);

    return items;
  },
});

export const getAllTestItems = query({
  handler: async (ctx) => {
    const user = await authenticateUser(ctx);

    console.log("Querying all testItems for user:", user._id);

    const items = await ctx.db
      .query("testItems")
      .filter((q) => q.eq(q.field("userId"), user._id))
      .collect();

    console.log("Query result:", items);

    return items;
  },
});

export const getAllTestItems = query({
  handler: async (ctx) => {
    const user = await authenticateUser(ctx);

    console.log("Querying all testItems for user:", user._id);

    const items = await ctx.db
      .query("testItems")
      .filter((q) => q.eq(q.field("userId"), user._id))
      .collect();

    console.log("Query result:", items);

    return items;
  },
});