added default values for inputs to prevent components changing from uncontrolled to controlled
This commit is contained in:
@@ -26,7 +26,7 @@ export default function AvailabilityEditor(props: {
|
||||
onOpenChange?: (isOpen: boolean) => void;
|
||||
onSubmit?: (e: Availability) => void;
|
||||
}) {
|
||||
const [text, setText] = useState(props.value?.text);
|
||||
const [text, setText] = useState(props.value?.text ?? "");
|
||||
const [color, setColor] = useState(props.value?.color ?? "Red");
|
||||
const [enabled, setEnabled] = useState(props.value?.enabled ?? true);
|
||||
|
||||
|
||||
@@ -19,7 +19,7 @@ export default function TaskEditor(props: {
|
||||
onOpenChange?: (isOpen: boolean) => void;
|
||||
onSubmit?: (e: Task) => void;
|
||||
}) {
|
||||
const [text, setText] = useState(props.value?.text);
|
||||
const [text, setText] = useState(props.value?.text ?? "");
|
||||
const [enabled, setEnabled] = useState(props.value?.enabled ?? true);
|
||||
|
||||
function submit(e: FormEvent<HTMLFormElement>) {
|
||||
|
||||
Reference in New Issue
Block a user