The specific case is that I use one page filter.jsx to get the request from the user like the subject, the grade of student, the difficulty level, ... Then I process them via an API filter/route.js to filter the question…
I have a react and next project which uses multiple pages with a similar structure. In each page we are using custom hooks to load data, so it looks something like: const theme = useTheme() const router = useRouter() const…
We Built our blog on Next JS, using WordPress as our API, we added content till we got to over 500 and our blog kept crashing because we had to call all our blog posts at the same time from…
I have a Next.js single page app that uses static paths. If I run it locally, I can navigate to a path, refresh a page and it would work. It also works if I expose the site straight from an…
I have an issue when I deploy our next js app to AWS amplify the build done but CustomerError occurs that blocks my deployment: here are my logs 2024-01-25T20:11:31.852Z [INFO]: 2024-01-25T20:11:31.857Z [INFO]: Done in 175.65s. 2024-01-25T20:11:31.874Z [INFO]: # Completed phase:…
I am trying to set the initial value of a Redux Toolkit slice for the dark mode using the localStorage, however, for Next.js the window is not defined on the server-side, causing an error. Usually, the solution is using the…
No problems shown within my code, whenever I am trying to pull out the mobilesidebar, it appears white. I get this message. My exact message Unhandled Runtime Error Error: Hydration failed because the initial UI does not match what was…
I tried to find a solution with GPT for a while, but didn't get a good result. The Basis: I have built a snack bar to display errors. This takes an error as a string parameter and saves it in…
Sorry about another one of these but I'm at a loss. I am adding an event listener inside of useEffect(). The event fires (console.log() prints as expected) but the state isn't getting updated. Could someone please explain to me what's…
i'm trying to sanitize html string before sending it into database, i'm using sanitize-html npm package but it doesn't work if (noteContent) { const resultContent = sanitize(noteContent); console.log(resultContent); } else { setErrorMessages((prevState) => ["note content cannot be empty"]); } here…