I'm encountering a TypeScript error when running npm run build in my Next.js project that uses next-intl. Interestingly, the error does not occur when I run npm run dev; everything works as expected in the development environment. ./i18n/routing.ts:4:38 Type error:…
I need to know how to update a data object based on a button click. This data object is being passed into a Child Component. When a user chooses an option in the dropdown menu, I want to populate that…
Question: I'm working with Next.js and using Clerk for authentication alongside the Convex client. I encountered this error: Error: Clerk: useAuth() called in static mode, wrap this component in <ClerkProvider dynamic> to make auth data available during server-side rendering. I…
I have several hundreds of images for a dynamically growing image gallery build with nextjs. Images are inside the public folder and can be shown with import image1 from '../../public/image1.png' // this works <img src={image1.src} /> How can I dynamically…
Laravel Sanctum CSRF Token Issue: Token Mismatch When Using Axios and SPA I am facing a persistent 401 Unauthorized error when trying to authenticate using Laravel Sanctum in my Single Page Application (SPA) with Axios. Here's a breakdown of my…
I have a simple NextJS app where I have a client component that calls an API route. I am trying to access some search params in a route that I created but it is always returning null. My client component…
I'm getting an error on the className of mapped elements. I believe TS is throwing the error because the map's children (MenuItem) don't have the className type. See the error below. The mapped elements are part of the headlessui package.…
I've been tasked with making some manual updates in a UI that was built with Next.js. There is an element in the UI that repeats about 1 million times (not really but you get the idea) and I need to…
I understand the use of server actions in client components, for form submission for example or any other mutation. As for data fetching, in server component we can directly access the db so that's great. And in client components it's…
In recent versions of nextjs, one can use the use client directive to tell nextjs to render the component "in the client", instead of on the server. Digging deeper into this, its a terrible name, because components that use use…