I want to change the color of my navbar from transparent to 'bg-red-50' when I start scrolling. Following is my approach to this issue. The background is transparent and isn't changing on scroll. Moreover, nothing is being logged to console…
So basicall I wanted to create a registration process where you give your userName, email (but it can not exist in a database), password and then confirmed password. Project is in nextJS with pages router and typescript. import React, {…
I am trying to use Listbox from Headless UI to create a select dropdown menu as a filtering criteria for my application (see image). The problem is that when I update my "selectedMake" state, it resets to whatever I initialize…
I am trying to change the page number with setCurrentPage(page) but as I click the button, the state doesn't change at all. Tried different approaches but nothing worked. Tried changing the number in useState(1) manually and verified the page changes.…
I have this error in console when trying to build my project: .next/types/app/facebook/page.ts:8:13 Type error: Type 'OmitWithTag<typeof import("D:/projects/abkh24/client/app/facebook/page"), "metadata" | "default" | "config" | "generateStaticParams" | "revalidate" | "dynamic" | "dynamicParams" | "fetchCache" | "preferredRegion" | "runtime" | "maxDuration" |…
Searching around gives some varied answers around the right way to return a response to an API in NextJS. I suspect some may have to do with the transition from pre-13.4 to 13.4. However, I am going to share my…
Actually, Iam working with next js 13.5+, after deployment in Versel, the fresh data is not being called, I saw other questions that are asked by others in Stack overflow, they're using fetch method and not axios method in next…
I'm having an issue when in my Next.js application when trying to fetch data via a route handler. My database has a users table that contains an ID called user_id that matches the uid of the authenticated user, and aps_id…
My goal is to run a mutation as soon page loads and update the page when the mutation is complete, i.e. This is what I am trying at the moment: useEffect(() => { void trpc.generateArticle.useMutation(); }, []); The problem is…
I'm trying to create an API and fetch data in Next JS 13. I've read this question: How do you put api routes in the new app folder of Next.js? and came up with these: /src/app/hooks/useLocation.ts: export const getUserLocation =…