In my form, I would like the user to have the ability to add an undetermined number of users from other platforms (in this case, the other platforms are Go (board game) servers): My Zod schema looks like this at…
I am working on a form that has 2 arrays of objects in it. They are working as expected, and I am now working on displaying the error messages for them. This is the code I have currently: <div className="mb-10">…
Why am I not able to see values in my console? Everything is correctly in place but the form values can't be seen in the console. I think it has something to do with the onSubmit function. Any help would…
I'm using shadcn/ui in my React Remix app, and I'm trying to prevent it from redirecting to another page when I click to open a dialog. I want the redirection to still work when I click on it, but I…
I have a problem with shadcn's <FormLabel>. How do prevent it from showing a color of red (It actually add a text-destructive automatically) when a field has error/required. I only want the <FormMessage/> to change the color. <FormField control={form.control} name="name"…
I am developing a simple form to send messages to my email with the help of EmailJS. The EmailJS settings look fine, I tested them through the website and I got a 200 response. This is my code: "use client";…
I'm encountering an issue with resolving TypeScript path aliases in my project. I've configured the tsconfig.json file to include path aliases using the "baseUrl" and "paths" settings, but alias imports are not working as expected. I want to import it…
I'm a shadcn ui and react newbie, just tell me why the value of branch and year state variables won't update. I'm not using zod and react-hook-form. import React, { useState } from "react"; import { Button } from '../components/ui/button'…
"use client"; const Component = ({ className }) => { const [open, setOpen] = useState(false); const [showNewOrganizationDialog, setShowNewOrganizationDialog] = useState(false); return ( <Dialog open={showNewOrganizationDialog} onOpenChange={setShowNewOrganizationDialog} > <Popover open={open} onOpenChange={setOpen}> <PopoverTrigger asChild>...</PopoverTrigger> <PopoverContent className="w-[200px] p-0">...</PopoverContent> </Popover> <DialogContent>...</DialogContent> </Dialog> ); }; This…