I have tried literally everything I can search for and think of but nothing is letting me implement this feature. I want the background to have completely faded to black by the time the "who" class is in the middle…
I am working on a Next.js app, and in one of the components, I have a DropdownMenu where one of its items launches a DialogAlert (both are Shadcn components). I am trying to control the dialog's open state with setIsDialogOpen,…
I am developing the frontend now using the react-admin. As I wanted to use the NextJS, I was able to go ahead in reference to an article as follows. Ref: https://marmelab.com/react-admin/NextJs.html And then I try to run next dev, it…
I am trying to pass a slug to a server-side function in my Next.js layout component. My slug is returning undefined, and I need to find a way to correctly grab and utilize the slug on the server side within…
I want to pass an object array to LocalStorage. But after the first record is added, an empty array is passed, and only after the second record is added, 1 record is passed, after the third record is added, the…
I want to show the data of customers from Redux and the data is successfully stored in Redux. I checked it with ReactDevTools the error is when I use useSelect to retrieve the data from the store. error: TypeError: entries.map…
I want to change images every 2 seconds automatically with fade in animation, but my problem is when the next image is shown, the previous image disappears before the next image is displayed, so with the code that I have…
In react-router V6, can you still use a parameter as React key? In react-router V5, this could be achieved by writing: <Switch> <Route path="products/:productId" render={({match}) => <ProductDetail key={match.params.productId}/>} /> </Switch> Now, after the switch to react-router V6, how do you…
I have a list of images to display thumbnails. On top of that, for each image, I want to click it to show the image on the full size. To achieve this, I use Modal and useDisclosure() from @nextui-org/react. Below…
So in React, the rules of hooks says that hooks cannot be called outside of functional components. My predicament: I need to initialize state in my createContext using a hook for the SchedulesProvider. The state is a dynamic date, like…