This is my first time using next-auth and for some reason when I started my project the next day, the onClick functions in my login and logout buttons component wasn't working. There is nothing logged to the console. Login/Logout button…
I have this problem where my code console logs 3 times at page load and also increments it's index. I have no clue as to why this is happening. I've tried moving some stuff in and out of a useEffect…
I'm attempting to dynamically update query parameters based on user input using the onChange event. However, I'm encountering an issue where, upon entering text, the query parameters are updated first, and only after a brief delay does the input value…
Any ideas on how to calculate the nautical miles using react? Assume that I have an object: const calculateDistance = [ {point_id: 1, long: longitude , lat: latitude}, {point_id: 2, long: longitude , lat: latitude}, {point_id: 3, long: longitude ,…
Starting a nextjs project, after running npx create-next-app@latest trying to start the project with npm run dev but failing. I've spent time reading relevant posts and have attempted all methods. Eg) full wipe of node/nvm from OS, using NVM. Getting…
const newWindow = window.open( "", "_blank", "width=800,height=600,left=2000,top=0" ); if (newWindow) { const specificDivContent = document.getElementById( `slide-${slideIndex}` ).innerHTML; above is the code i am using to create a new tab and write an existing div onto that tab. i would like…
I am developing a Nextjs app and would want to direct user to another link using router.push but I do not know how to open the link in new tab. please advice. thank you. My code is like this right…
I want to track it so that when they reached bottom of the screen, i will call a function to fetch more data. I have an app.js where inside is Products / component wherein it fetches data. Products / is…
I created my first Next JS project with Tailwind and wanted to build it with "next build". Then it created a folder ".next", but there is not a single .html file. I come from the Angular world and there it…
Building an infinite scroll in next.js, I am trying to call my serverAction to loadMoreData and using async/await with it to wait for the API call and get result. Getting an error: "async/await is not yet supported in Client Components,…