fix: remove radix root element from 'message' field

The-Commit-Company · Mar 1, 2024 · 9478e93 · 9478e93
1 parent aa5b229
commit 9478e93
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/raven-app/src/components/feature/settings/scheduler-events/SchedulerEventsForm.tsx b/raven-app/src/components/feature/settings/scheduler-events/SchedulerEventsForm.tsx
@@ -305,16 +305,14 @@ export const SchedulerEventsForm = ({ edit = false }: Props) => {
 
             <Box>
                 <Label htmlFor="content" isRequired>Message</Label>
-                <TextField.Root>
-                    <TextArea
-                        {...register('content', { required: "Message is required." })}
-                        placeholder="e.g. Hello, this is a reminder to pay your dues."
-                        rows={5}
-                        aria-describedby={errors.content ? 'content-error' : undefined}
-                        aria-invalid={errors.content ? 'true' : 'false'}
-                        color={errors.content ? 'red' : 'gray'}
-                    />
-                </TextField.Root>
+                <TextArea
+                    {...register('content', { required: "Message is required." })}
+                    placeholder="e.g. Hello, this is a reminder to pay your dues."
+                    rows={5}
+                    aria-describedby={errors.content ? 'content-error' : undefined}
+                    aria-invalid={errors.content ? 'true' : 'false'}
+                    color={errors.content ? 'red' : 'gray'}
+                />
                 {errors.content && <ErrorText className="pt-1" id="content-error">{errors.content.message}</ErrorText>}
             </Box>
         </Flex>