Cannot render app when importing a client component
Unanswered
Dio Joestar posted this in #help-forum
I have a header component that's a server component, when importing a client component navbar inside the header, the console is stuck on 'compiling / ...' but when i remove the navbar component or make it a server component, the app loads instantly. can anyone help with this one, im relatively new to nextjs
2 Replies
import Link from "next/link";
import { Logo } from "@/components/Logo";
import Navigation from "./Navigation";
export function Header() {
return (
<>
<div className="flex items-center gap-4 justify-between px-10 lg:px-20 py-1 bg-custom-purple-600 relative">
<Logo />
<Navigation />
</div>
</>
);
}part of the header code