I am trying to map through an array and display names so I can eventually dynamically route to pages for each person. The array is coming back as undefined despite it being declared. So that is why .map is not…
I am trying to create a weather app https://havadurumu-7pqg.vercel.app/ and figure out how to create a dynamic routes for input values of the search form with onSubmit or onClick. │ pages │ ├── _app.js │ ├── _document.js │ ├── hava…
I have tried manually routing myself to /api/route (through localhost:3000) and it also gives me the 404 error page not found. I do think this is an error with routing as everything else looks good to me, and I do…
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…