I have an application where people can post comments and edit them with markdown. When I press the edit button and change the edit state the markdown editor is correctly created but the page scrolls up. I would like the…
I have a authState (is a boolean), it tells you if the user isLogged or it doesn't. I have a main layout that I share with all my components. It has this logic in the useEffect const isLogged = useSelector(selectAuthState);…
I'm trying to test out a contact form in Next.js, it logs the data entered, but not able to send the data to the API, keep getting error "POST http://localhost:3000/app/(pages)/api/contact/route.tsx 404 (Not Found)" trying to find out what's wrong [the…
when i sync clerk data to my back end using webhook and do all steps i recive 401 error on vercel Log this is app/api/webhook/route.ts /* eslint-disable camelcase */ import { Webhook } from "svix"; import { headers } from…
I'm trying to fetch translation JSONs from an API for my Next app that uses the /app directory. It all works fine on the server-side, since I can await the API call and pass the data globally as a "hook".…
I am encountering difficulties applying the key prop to a React component within a mapped array in a Next.js application. The code snippet involves a Slider component and a mapped array of Image components. Despite providing a unique key for…
I was trying to add structured data in my nextJS 13(app router) application but couldn't find the correct method. Next-seo package also gives errors I tried next-seo but got this error: Unhandled Runtime Error Error: Cannot read properties of null…
I'm working on a Next.js application with authentication handled by a separate Node.js API deployed on Heroku. My goal is to use NextAuth.js for managing user sessions in the frontend, where the backend API handles login and returns a JWT…
I'm encountering an issue with the React PayPal Buttons integration. When I change the quantity of products directly in the cart, the products are updating in the local storage and in the cart, but the changes are not reflected in…
<div className={styles.container}> <ul className={styles.links}> <li className={styles.link}> <a href="/">Home</a> </li> <li className={styles.link}> <a href="/portfolio">Portfolio</a> </li> <li className={styles.link}> <a href="/skills">Skills</a> </li> <li className={styles.link}> <a href="/contact">Contact</a> </li> </ul> </div> .link a { position: relative; display: inline; } .link a:hover { transition: all 0.3s…