Question 281576 in Javascript Question posted in
A very good W3school tutorial can be found here.

Javascript – Undefined TypeError: path.startsWith is not a function

I have this code in next.js where from a component I send this:

<button
className="bg-blue-500 hover:bg-violet-500 text-white font-bold py-2 px-4 rounded mx-auto mt-auto"
onClick={() => router.push({
pathname: /publicacion/perfilPublicacion,
query: publicacion
})}

Me interesa
</button>

and I receive it this way:

import PerfilPublicacion from "@/app/components/Publicacion/PerfilPublicacion";
import { useRouter } from "next/navigation";

export default function PerfilPublicacionPage() {
const router = useRouter();
const {publicacion} = router.query;
return <PerfilPublicacion publicacion={publicacion} />;  

}

I get this error: TypeError: path.startsWith is not a function

any solution?

I was expecting to receive the object that I send you which is the publication but I get this error, I don’t know why.

any solution?

Tags:

2

Answers


  1. 0
    • There is a punctuation error in the word "publication" and "prefill".
    • The pathname field must be a string, like ‘/publication/prefillPublication’.
    <button
    className='bg-blue-500 hover:bg-violet-500 text-white font-bold py-2 px-4 rounded mx-auto mt-auto'
    onClick={() =>
        router.push({
            pathname: '/publicacion/perfilPublicacion',
            query: publication
        })
    }
>
    Me interesa
</button>
    Login or Signup to reply.
  2. 0

    You should use a string for the pathname property as follow:

    pathname: "/publicacion/perfilPublicacion"

    Full corrected code:

    import { useRouter } from "next/router"; // Use "next/router" instead of "next/navigation"
    
    // ...
    
    <button
      className="bg-blue-500 hover:bg-violet-500 text-white font-bold py-2 px-4 rounded mx-auto mt-auto"
      onClick={() =>
        router.push({
          pathname: "/publicacion/perfilPublicacion", // Use a string, not a regular expression
          query: publicacion,
        })
      }
    >
      Me interesa
    </button>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search