Could not find ConvexClient in Next.js

<ClerkProvider publishableKey={env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
        <ConvexProviderWithClerk client={convex} useAuth={useAuth}>
<Component />
</ConvexProviderWithClerk>
</ClerkProvider>

<ClerkProvider publishableKey={env.NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY}>
        <ConvexProviderWithClerk client={convex} useAuth={useAuth}>
<Component />
</ConvexProviderWithClerk>
</ClerkProvider>

const Layout = ({children}) => {
 const updateNode = useMutation(api.nodes.updateTextNode);

//---stuff---

return (
{children}
)
}

const Layout = ({children}) => {
 const updateNode = useMutation(api.nodes.updateTextNode);

//---stuff---

return (
{children}
)
}

const Other= ()=>{
return (
<Layout>
<Child />
</Layout>
)
}

const Other= ()=>{
return (
<Layout>
<Child />
</Layout>
)
}

const Child= ()=>{
 const updateNode = useMutation(api.nodes.updateTextNode);

//rest of the component
}

const Child= ()=>{
 const updateNode = useMutation(api.nodes.updateTextNode);

//rest of the component
}

Error: Could not find Convex client! `useMutation` must be used in the React component tree under `ConvexProvider`. Did you forget it?

Error: Could not find Convex client! `useMutation` must be used in the React component tree under `ConvexProvider`. Did you forget it?