Whenever a link is clicked and navigation is fired, the browser does a full refresh instead of soft-navigation. However, this only happens when using nginx and App Router, if the app is accessed locally (App or Pages router), through (App…
Situation: I want to make infinite scroll for my project. Currently, I'm using Javascript fetching API but want to apply react-query instead of. Problem: React query is a form of Hook so can't be nested inside of useCallback. Below codes…
I have fetched json data from API and am trying to display it. Am able to console log the array but have been unable to display in a div. Map() function does not work on this data. React / Next.js…
I am very new to Next.js, and I want to link data that has been selected to a new page using dynamic routes. It didn't work when I read the docs; perhaps I made some mistake that I don't see.…
I have this user_id which works as a FK for both tables of station and types . Data definition: create table public.types ( id uuid not null default uuid_generate_v4 (), name text not null, price numeric(10, 2) not null, user_id…
I'm working on developing an app using Next.js 13 with App Routes. I've hit a bit of a snag and could use some help. On one of my pages, I have a grid set up to display information, and there's…
useEffect(() => { console.log("this is first useEffect", "first"); }); useEffect(() => { console.log("this is second useEffect", "second"); }); useEffect(() => { const listen = onAuthStateChanged(auth, (user) => { setLoading(true); if (user) { setAuthUser(user); setLoading(false); console.log("this is third useEffect",user) } else…
I am having file structure like this: ├── books ├── reviews ├── [title].jsx <- want to route here │ └── page.jsx └── page.jsx On the /books page I generate a list of books, each of it it's has it's own…
I am new to Web Development and next.js and i am trying to figure out that when i console.log my environment variables inside my page.jsx it shows the values correctly but when i try to console.log them in my router.js…
I am new to Next.js. I am trying to send the props to child component which is a response from api call. But when ever I try to add the props in the child component it is giving me RangeError:…