fionakay•3mo ago

nextjs quickstart guide for javascript has a bug.

Attempted import error: './ConvexClientProvider' does not contain a default export (imported as 'ConvexClientProvider').

3 Replies

Convex Bot•3mo ago

Thanks for posting in <#1088161997662724167>. Reminder: If you have a Convex Pro account, use the Convex Dashboard to file support tickets. - Provide context: What are you trying to achieve, what is the end-user interaction, what are you seeing? (full error message, command output, etc.) - Use search.convex.dev to search Docs, Stack, and Discord all at once. - Additionally, you can post your questions in the Convex Community's <#1228095053885476985> channel to receive a response from AI. - Avoid tagging staff unless specifically instructed. Thank you!

Sara•3mo ago

I don't think that's the case, in the QuickStart guide they refer the the client provider imported as a component, that you have to create, so you may have forgotten to add export to your function or something else might've occurred you're going to have to add app/ConvexClientProvider.jsx

"use client";

import { ConvexProvider, ConvexReactClient } from "convex/react";

const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL);

export function ConvexClientProvider({ children }) {
  return <ConvexProvider client={convex}>{children}</ConvexProvider>;
}

"use client";

import { ConvexProvider, ConvexReactClient } from "convex/react";

const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL);

export function ConvexClientProvider({ children }) {
  return <ConvexProvider client={convex}>{children}</ConvexProvider>;
}

and then import it in your layout

ballingt•3mo ago

@fionakay let us know if you're still having trouble with the quickstart steps Sarah points out here

nextjs quickstart guide for javascript has a bug.

Did you find this page helpful?