I'm currently trying to extract the ID that is selected (#about, #home, #blog) or the full path (http://localhost:3000/#about, http://localhost:3000/#home) from the router. I am working with Next.js version 14.0.3
This is my approach: My current URL is http://localhost:3000/#about
"use client";
import { useEffect, useState } from "react";
import {useParams, usePathname} from "next/navigation";
function NavBar() {
const [activeItem, setActiveItem] = useState("#about");
const params = useParams();
console.log(params); //output: {}
const path = usePathname();
console.log(path); // output: /
return <SomeComponent/>
}
trying to add styling to the active navigation item based on the selected id