I want share any data for each request, so I create object with these data in rootLayout export interface IProps { children: React.ReactNode; data: any; } export default function RootLayout(props: IProps) { const {children} = props; props.data = {item: "hello"}…
I'm currently developing a Next.js 14 application and have encountered an issue with modifying cookies. Despite following the Next.js documentation on server actions and cookie manipulation, I'm receiving an error when trying to set cookies during the signout process. The…
Hello I got my react page code to edit user profile it has a dropdown selector from react-select library and an input text box. as for my state management i use zustand. My page run just fine for its purpose…
Hey Guys I am stuck could you please help. I want to update query param on input change handler. Points to be Noted I want the data with query params value parameter don't suggest code with parent to child OR…
I've been toying around with the NextJS starter example mentioned in this course and I was wondering what would be the proper way to prevent users from submitting a form by pressing the enter key when the server action is…
I am trying to import bootstrap 5.3.2 (not react-bootstrap) into a NextJS 14.1.0 project that uses new the new App Router. I would like to use individual BS components programmatically (not via data-attrs). I got it to work but (I…
I am currently working on a website using Next.js 14, with the aim of exporting it as a static site for distribution via a CDN (Cloudflare Pages). My site requires internationalization (i18n) support for multiple languages. I have set up…
I've encountered the hydration error in nextjs and on debugging I found that when I use the div tag instead of the main tag then it causes this issue. The error that I get Below is the code that caused…
Error: Cannot find module 'next/distclientcomponentsstatic-generation-async-storage.external.js' I have this problem in my nextjs app, I am using typescript and tailwind, I am trying to deploy my app to a shared server which uses cpanel, apache and ubuntu, this error appears when…
I'm encountering a warning in my React application related to controlled and uncontrolled input elements. The warning message is as follows: client.js:1 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value…