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…
Happy Monday! I've recently run into a weird issue and can't seem to figure out what would be causing it. I have a NextJS project using Prisma and Supabase. When I run the app on my Windows desktop or Vercel,…
Hello everyone i am building a website using nextjs and converted the html elements of a page to jsx elements but the css of template is not implementing. I have added correct paths and also updated globals.css media query but…
So, I'm using nextjs + svgr + tailwind in my app. I'm dynamically changing size and color of my svgs, but I also want to add "flex-shrink-0 fill-current" globally to all my icons. I want to render my icon with:…
I'm a beginner to TypeScript and NextJS and i've run into a problem where I can't pass data to my form due to IntrinsicAttributes Error. This is the error I'm getting. Type '{ category: Category; }' is not assignable to…