I have a next code: useEffect(() => { doSearch(); console.log(searchParams). }, [searchParams]); doSearch function fired twice because useEffect also fired twice. im sure that i dont change searchParams Components looks like export default function SearchComponent({ params, searchParams }) { useEffect(()…
i'm trying to use this use effect in my project but it makes my component fails to render correctly: useEffect(() => { setFavoriteContact((item) => { const favorites = window?.localStorage?.getItem("favorites") ? JSON.parse(`${localStorage.getItem("favorites")}`) : []; const favoritas = [...item, ...favorites]; contacts.forEach((item) =>…
What is the proper way to do that? My goal is to save in database the count of minutes of the video the user has watched until he closed the page and set the video's minutes to where he left…
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…