I am using the recommended way to create a sitemap in Next13.3+ using a sitemap.js file in the app folder with the following code (obviously changing these examples for the real urls) export default function sitemap() { return [ {…
In our project we need to give continuous updates, after updating the system, users need to clear their cache and localStorage data manually so that they can use the updates. Is there any way to deal with the problem, where…
I'm facing an issue while trying to access query parameters in Next.js 13 using the useRouter hook. When I run the following code 'use client' import { useRouter } from 'next/navigation'; const Post = () => { const router =…
I have made a small project which takes a csv file and uploads it. it then processes its content to populate mongodb collection I am getting these two errors: In VS code console: API resolved without sending a response for…
Using next 13 and making a navigation menu which shows the current date and time and I'm getting hydration error although the component is a client component and also Is using useEffect ### /src/components/navigation/index.tsx 'use client' import Link from 'next/link'…
I'm new with Next js, and I'm adding a new page, I just create a folder pages inside of src/app, then I add file dashboard.tsx but when I try to go to http://localhost:3000/dashboard I have this issue: 404 | This…
I'd like to declare the same number of useState hooks with the userInputs array's length. And I want to name them like userInput0, userInput1, userInput2,,,userInputN But "const [userInput+index.toString(), setUserInput] = useState('')" throws an error. How can I fix it? 'use…
I have a 1000x1000px image on a canvas of the same aspect ratio on my web system. The problem is that on mobile my canvas is 200px (due to responsiveness) and when I resize the image to fit the canvas…
In my nextjs project [v13, pages directory] I tried to add the following animation to my hero component, but for some reason I'm getting a static emoji instead of a waving animation This is my WavingHand component : import {…
I am currently working on implementing a collapsible sidebar in my React application that relies on a value stored in the local storage. The desired behavior is that if the value is true, the sidebar should have the className of…