diff --git a/src/apps/spells/NewSpellForm.tsx b/src/apps/spells/NewSpellForm.tsx index 2dd322a..19fba53 100644 --- a/src/apps/spells/NewSpellForm.tsx +++ b/src/apps/spells/NewSpellForm.tsx @@ -1,4 +1,4 @@ -import { useState } from 'react'; +import { useId, useState } from 'react'; import { Loader2 } from 'lucide-react'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; @@ -12,6 +12,7 @@ type AuthorsMode = 'anyone' | 'me' | 'contacts' | 'custom'; export function NewSpellForm({ onDone }: { onDone: () => void }) { const { user } = useCurrentUser(); + const formId = useId(); const [name, setName] = useState(''); const [description, setDescription] = useState(''); const [kinds, setKinds] = useState('1'); @@ -102,12 +103,18 @@ export function NewSpellForm({ onDone }: { onDone: () => void }) {

- - setName(event.target.value)} placeholder="Bitcoin from contacts" /> + + setName(event.target.value)} + placeholder="Bitcoin from contacts" + /> - +