I'm working on a contact form in Next.js with server-side email functionality. The form submission is working correctly, and the email is sent successfully (verified via the network and console logs). However, the toast notification (using useToast) doesn't appear on…
"use client"; import React, { useState } from "react"; import { useRouter } from "next/navigation"; import { zodResolver } from "@hookform/resolvers/zod"; import { useForm } from "react-hook-form"; import { z } from "zod"; import { api } from "@/trpc/react"; import…
I am using shadcn, zod, react-hook-form to render a form, some fields are optional and some are mandatory so they do not have the .optional() attribute. I want to render a red * if the field is mandatory, how can…
I have a very simple app that consists of only a combobox and a card (it is going to be embedded on a Wordpress). NextJS, ShadCN ui. The combobox for some reason only works with keyboard, not with the mouse.…
I have a situation where I want to use shadcn Button as a trigger for DropdownMenu, and when I make DropdownMenuTrigger asChild, it wont render the children. I understand that there needs to be something done in this case, I…
I am using NextJS with Shadcn. I am trying to display a command component that contains a dynamic number of items from a database. This is a snippet of the line that is not working. Hard coding numbers works fine,…
I'm having a little bit of trouble, I can now pass the data to the backend, but the problem I'm encountering right now wherein after the user submit the form, the Dialog didn't close. I have here a custom calendar…
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 want to create a Dialog using ShadCN component library, but it has a built in close button on top right, but I want it to be somewhere else, let's say I want to make it as a button below,…
I'm trying to evaluate the ease of use the shadcn.ui component library. I'm trying to implement a popover component as this: import { Button } from "@/components/ui/button"; import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@/components/ui/command"; import…