I'm using Next.js and I have a root layout file in my app router. However, i'm encountering an error in my <Nav/> component because it's using state to keep track of whether the mobile nav is open or not. the…
I am just curious to know the way to populate extra and extraOptions, and from where the arguments must be passed in order so that they can get populated and can be used then in creating some condition based scenario.…
After a bunch of false starts I've followed the T3 stack approach to runtime environment variables for my next.js app, particularly to protect my MONGODB_URI secret by providing it only at runtime on the server. env/server.js: import { createEnv }…
New to programming:, have built a collapsable accordion in an NextJs app using the react-collapse package. It works as intended, the problem comes with how it is tracking what 'drawer' is currently open. I'm trying to, in a sibling have…
I would like to display more than just one sentence(i.e. Error title, error description and error cause). I tried to extend basic Error class and add there two custom properties, but I can't access them in error.tsx file. Any ideas…
I am using server actions in next.js as per the documentation on Server Actions Everything is working well, but now I am looking to rate limit the server action, in order to prevent spam or attacks. I know how to…
I ran into an issue with the new nextjs app router where i wanted to use SSG pages for stapi blog but was getting this error when building app/blog/[slug]/page.tsx Type error: Page "app/blog/[slug]/page.tsx" does not match the required types of…
I have a next code: useEffect(() => { doSearch(); console.log(searchParams). }, [searchParams]); doSearch function fired twice because useEffect also fired twice. im sure that i dont change searchParams Components looks like export default function SearchComponent({ params, searchParams }) { useEffect(()…
i'm trying to use this use effect in my project but it makes my component fails to render correctly: useEffect(() => { setFavoriteContact((item) => { const favorites = window?.localStorage?.getItem("favorites") ? JSON.parse(`${localStorage.getItem("favorites")}`) : []; const favoritas = [...item, ...favorites]; contacts.forEach((item) =>…
What is the proper way to do that? My goal is to save in database the count of minutes of the video the user has watched until he closed the page and set the video's minutes to where he left…