I get this error when trying to use NavigationMenu from Shadcn in my project(continued in replies)
Answered
Broken Nokia posted this in #help-forum
Original message was deleted.
25 Replies
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuIndicator,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
navigationMenuTriggerStyle,
NavigationMenuViewport,
} from "@/components/ui/navigation-menu";
import Link from "next/link";
export default function Home() {
return (
<div>
<NavigationMenuItem>
<Link href="#" legacyBehavior passHref>
<NavigationMenuLink
className={navigationMenuTriggerStyle()}
>
Documentation
</NavigationMenuLink>
</Link>
</NavigationMenuItem>
</div>
);
}this was the code initially, after a reddit user suggest using the 'use client' directive at the top, i still got an error:
That might be because of not having a "use client" at top
Ah u fixed that
right
Where is the <NavigationMenu>?
i think i figured out where i went wrong
yes thats the issue 😓
i just got the code to work
could you please explain how the use client directive changed things?
The navigation menu might be using context or something. I haven't used that from shadcn
never mind i tried it without use client and it still worked
the whole thing was becuase of a syntax (skill) issue
Answer
Yeah i guess NavigationMenu takes care of the context provider abstraction and everything idk
I havent used that nav menu
i see
But since its fixed. Mark the answer as resolved
well thank you anyways, this has been bothering me for a few days now
will do
i hit close post, do i need to do anything else
how do i mark as resolved 🥹 🔫
Here you go
thank you