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…
I have a large (~65,000 lines) JSON file which is being used as data for a prisma postgres database in a Next.js project I'm working on. The file contains entries like so: [ { "NativeClass": "class-name", "Classes": [ // data…
Problem I want to create a specific layout for the /api/auth/* routes that do not include the CustomNavbar and Footer components defined in the main RootLayout. Despite my efforts, the main layout still appears on these routes. I'm working on…
so I'm almost finish with my update form but I've got a problem in my conditional field. So I have a select field wherein it will show a conditional field depending on the selected value, but the problem I'm encountering…
I'm working on a Next.js project and I need to store the userId after a user logs in. This userId is essential for fetching user-specific data and generating dynamic URLs for the user profile menu. Here’s the workflow I’m trying…