No matter what I try, I always receive this error at the end of the deployment logs in Vercel: Error: ENOENT: no such file or directory, lstat '/vercel/path0/.next/server/app/(main)/(pages)/page_client-reference-manifest.js' Github repo Complete build log: [21:48:20.251] Running "vercel build" [21:48:20.691] Vercel CLI…
I use a server action for data fetching, and it should return data to the client component, but it's not working as expected. Server action: "use server"; import { getCookies } from "next-client-cookies/server"; export async function getData() { const cookie…
I have a component in Nextjs AddressPage and I want to take advantage of Nextjs SSR to display all my HTML in page source using getServerSideProps. In the getServerSideProps I am calling an API to fetch the addresses and the…
I want code dropzone with image cropper I want when i upload image first it will open modal of cropper and after that final cropped image will saved. Create one component and use that component every wherever needed. In next…
I'm working with Next.js 14 and next-intl and trying to set up a routing mechanism where different paths render the same component based on the pathname. My application is multilingual, and each language version has its own URL path but…
I have a click handler that I want to listen to any clicks on the window outside of my component: useEffect(() => { const handleOutSideClick = (event) => { if (!ref.current?.contains(event.target)) { setNavActive(false) } }; window.addEventListener('keydown', handleOutSideClick, false); return ()…
On my current project, I'm using Excalidraw, and I'm drawing a top layer of <div>s on top of the <canvas>. It all works fine, but, when it comes to scrolling through the infinite canvas, if the mouse is on top…
I'm using the <BarChart> component from @mui/x-charts (version "^6.19.1") and I want to display the data values on top of each bar for better readability. Current Output: enter image description here Desired Outcome: enter image description here Below is my…
I'm developing my first simple Next.js+Tailwind app. It features a fixed header and a sidebar. The sidebar contains a button to toggle between dark and light mode. I'm using next-theme and with Tailwind this was rather straightforward so far. Now,…
I have a readonly input. And there is a long value inside. I have overflow-x: hidden; on it but i still can scroll in mobile devices. I don't want this behavior. How can i disable input scroll ? Thanks for…