Despite the fact that I wrap convexProvide in my layout page still seeing an error which says:
ERROR:
⨯ node_modules\convex\dist\esm\react\client.js (318:10) @ useMutation
⨯ Error: Could not find Convex client!
at Submit (./components/submitIdeal.tsx:34:83)
Although this is my first time using convex am learning through their docs thanks.
more code to help
Layout.tsx:
import type { Metadata } from "next";
import { Poppins } from "next/font/google";
import "../styles/globals.css";
import Navbar from "@/components/navbar";
import { ClerkProvider } from "@clerk/nextjs";
import { Toaster } from "sonner";
import ConvexClientProvider from "./ConvexClientProvider";
return (
<ClerkProvider>
<html lang="en">
<body className={
<div>
<Navbar />
<ConvexClientProvider>{children}</ConvexClientProvider>
{auth}
<Toaster />
</div>
</body>
</html>
</ClerkProvider>
);
}
database setup:
import { mutation, query } from "./_generated/server";
import { v } from "convex/values";
export const SubmitIdeals = mutation({
args:{
title:v.string(),
plang:v.string(),
level:v.string(),
description:v.string(),
},
handler: async (ctx, args) =>{
const {title, plang, level, description} = args;
await ctx.db.insert("ideal",{
title, plang, level, description
});
}
})
frontend use:
const SubmitIdeals = useMutation(api.ideal.SubmitIdeals);
and before I even running it, it's already give me an hint saying Ideals is not defing in api
⨯ node_modules\convex\dist\esm\react\client.js (318:10) @ useMutation
⨯ Error: Could not find Convex client!
useMutationConvexProviderat Submit (./components/submitIdeal.tsx:34:83)
Although this is my first time using convex am learning through their docs thanks.
more code to help
Layout.tsx:
import type { Metadata } from "next";
import { Poppins } from "next/font/google";
import "../styles/globals.css";
import Navbar from "@/components/navbar";
import { ClerkProvider } from "@clerk/nextjs";
import { Toaster } from "sonner";
import ConvexClientProvider from "./ConvexClientProvider";
return (
<ClerkProvider>
<html lang="en">
<body className={
${poppins.className} wind<div>
<Navbar />
<ConvexClientProvider>{children}</ConvexClientProvider>
{auth}
<Toaster />
</div>
</body>
</html>
</ClerkProvider>
);
}
database setup:
import { mutation, query } from "./_generated/server";
import { v } from "convex/values";
export const SubmitIdeals = mutation({
args:{
title:v.string(),
plang:v.string(),
level:v.string(),
description:v.string(),
},
handler: async (ctx, args) =>{
const {title, plang, level, description} = args;
await ctx.db.insert("ideal",{
title, plang, level, description
});
}
})
frontend use:
const SubmitIdeals = useMutation(api.ideal.SubmitIdeals);
and before I even running it, it's already give me an hint saying Ideals is not defing in api
Convex is a novel, fun, and extremely productive way to make backends for your
