💩 (nav) need fix for full page reload

full page reload when navigate using Link from heroUI

providers/HeroUIWrapper.tsx

@@ -22,7 +22,7 @@ const HeroUIWrapper = ({
           <main>{children}</main>
         </NextThemesProvider>
       ) : (
-        <main className="dark text-foreground bg-background"></main>
+        <main className="dark text-foreground bg-background">{children}</main>
       )}
     </HeroUIProvider>
   );

shared/ui/navbar.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import V from "next/link";
 import {
   Button,
   Link,
@@ -82,6 +83,12 @@ const NavbarUI = () => {
             </NavbarItem>
           );
         })}
+        <NavbarItem>
+          <V href="/">Home</V>
+        </NavbarItem>
+        <NavbarItem>
+          <V href="/explore">Explore</V>
+        </NavbarItem>
       </NavbarContent>
       <NavbarContent justify="end">
         <NavbarItem className="hidden lg:flex">