がとらいふ's questions

Tentei obter o nome do caminho no CustomNavbarcomponente usando usePathname, mas ele retornou nullvalor. Porém, quando liguei usePathname, /pages/index.tsxfuncionou corretamente. Alguém sabe como resolver esse problema?

Ambiente

• "próximo": "13.4.19"
• "reagir": "18.2.0"
• "react-dom": "18.2.0"

Diretórios

• componentes
  • CustomNavbar.tsx
• Páginas

  • _app.tsx

  • documento.tsx

  • índice.tsx

    .

    .

    .

Código

// CustomNavbar.tsx
"use client";

import React from "react";
import {
  Navbar,
  NavbarBrand,
  NavbarContent,
  NavbarItem,
  Link,
  Button,
} from "@nextui-org/react";
import { usePathname } from "next/navigation";

export const CustomNavbar = () => {
  const pages = {
    home: "/",
    subscriptions: "/subscriptions",
    playlists: "/playlists",
  };
  const pathname = usePathname();
  console.log(pathname); // null
   .
   .
   .