I'm currently working on a Next project and have encountered an issue related to the use Effect hook and conditional rendering. Below is a snippet of the code in question: const ImageGeneration: React.FC<{ subscribedUsersData: any error: any; // Replace 'any'…
I am trying have random color generator which generates a random color and then pass it onto a prop of card Even though the css is being applied but i still cannot see the effect of the color. import {…
I'm probably doing something wrong but I'm following the official doc. I want this component to be static and for me to be able to call it on any page, but as it is, it needs a parameter and I…
As the title suggest, I've got a NextJS component which renders NextUI Dropdowns using a object of data. The problem i'm facing right now is that when i have a dropdown already open and want to open anoter dropdown rendered…
Why on my git changes this files are added? I cannot find solution for this and reason. Also adding to .gitignore does not help. Thanks in advance for any tips on that! I tried to add to .gitignore, update next,…
I'm following this part of this tutorial (Edit: created a github project showing the issue here, diff behaviors if running dev or prod modes) (Edit 2: sandbox project showing the differences when running "npm run dev" vs "npm run build…
How can I get in my API the slug passed (slug=${params.slug},`) I'm working with vercel AI SDK const { messages, input, handleInputChange, handleSubmit, isLoading, error } = useChat({ api: `/api/conversation?slug=${params.slug}`, }); My API / Not getting the slug: export async…
I have 2 models. Database management system Postgres model Product { id Int @id @default(autoincrement()) name String @unique description String? options Option[] @@map("products") } model Option { id Int @id @default(autoincrement()) title String? description String? productId Int product Product @relation(fields:…
I want to return the following function if the user clicks a children of the anchor: <a href="/product/product-id"> I am a product <div> Add to favorites </div> </a> const handleClick = (event) =>{ console.log(event); // true -> if i click…
I have a multi-step form (react-hook-form) in Next.js. The onSubmit() event lives in a component called from the layout, and I'd like to be able to add a spinner and disable the submit button. How can I know on the…