Is it possible to navigate or go to another route using 'react-scroll' with NextJs14? For example: I want to navigate to the Blog Page. Or should I use Link from 'next/link' with pathname or params to extract the route name…
Here in my component I have onSubmit which every time a task is added, it must reload the page, but it is not reloading after the onSubmit function is called, I have already checked and I do not receive errors…
I have a Next.js project where users can upload properties and apply various filters such as amenities, minPrice, maxPrice, etc. I created a custom hook to reset specific query parameters when the user clicks a "Reset Filter" button. However, after…
In my NextJs app I have a page in which I render a modal that is open when a query parameter is set and closes when that query parameter is not present. Since in the modal there will be a…
I am importing useRouter from "next/navigation" in a Higher Order Component (HOC). It is throwing the below error/issue: node_modules/next/dist/client/components/app-router.js ReferenceError: location is not defined I'm using app router. The HOC uses by some wrapper components. The component that call uses…
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:…
I'm facing an issue with next/router. I made a '404 Page' and set it up to send clients back to the home page router.push('/') after some 3 seconds. However, when clients return to the main page, they get an console…
I am just starting with NextJS and there is a new router called app router. Now I have some tutorials using pages/_app.js from the NextJS page router. So, what's the corresponding file for that in the app router?
In nextjs . I want to block navigation and appear a confirmation window popup when user trying to navigate to another page. the navigation should continue if the user click yes in the confirmation popup. If the user clicks the…
For the SEO purposes I need to set up English as default language -> mynextapp.com/ when user enters the website, he/she can choose between ENGLISH or FRENCH, if English is selected the url will change to mynextapp.com/en, if the French…