I want to return the following function if the user clicks a children of the anchor: <a href="/product/product-id"> I am a product <div> Add to favorites </div> </a> const handleClick = (event) =>{ console.log(event); // true -> if i click…
I have a multi-step form (react-hook-form) in Next.js. The onSubmit() event lives in a component called from the layout, and I'd like to be able to add a spinner and disable the submit button. How can I know on the…
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…