-
Notifications
You must be signed in to change notification settings - Fork 5.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
validateDOMNesting Warning for Form #693
Comments
The You can place the form inside the p.s.: or maybe use the Dialog component instead. |
u007
pushed a commit
to u007/ui
that referenced
this issue
Sep 1, 2024
Etsija
added a commit
to eclipse-apoapsis/ort-server
that referenced
this issue
Feb 6, 2025
Since AlertDialogDescription is specified as a HTML paragraph element, it cannot contain any block elements inside it [1], otherwise it will cause hydration errors in the browser. Fix this by rearranging the component to have several AlertDialogDescription components, each with no block elements inside. [1]: shadcn-ui/ui#693 (comment) Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>
Etsija
added a commit
to eclipse-apoapsis/ort-server
that referenced
this issue
Feb 6, 2025
Since AlertDialogDescription is specified as a HTML paragraph element, it cannot contain any block elements inside it [1], otherwise it will cause hydration errors in the browser. Fix this by rearranging the component to have several AlertDialogDescription components, each with no block elements inside. Also show the confirmation text and input only when requested for. [1]: shadcn-ui/ui#693 (comment) Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>
Etsija
added a commit
to eclipse-apoapsis/ort-server
that referenced
this issue
Feb 6, 2025
Since AlertDialogDescription is specified as a HTML paragraph element, it cannot contain any block elements inside it [1], otherwise it will cause hydration errors in the browser. Fix this by rearranging the component to have several AlertDialogDescription components, each with no block elements inside. [1]: shadcn-ui/ui#693 (comment) Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>
github-merge-queue bot
pushed a commit
to eclipse-apoapsis/ort-server
that referenced
this issue
Feb 6, 2025
Since AlertDialogDescription is specified as a HTML paragraph element, it cannot contain any block elements inside it [1], otherwise it will cause hydration errors in the browser. Fix this by rearranging the component to have several AlertDialogDescription components, each with no block elements inside. [1]: shadcn-ui/ui#693 (comment) Signed-off-by: Jyrki Keisala <jyrki.keisala@doubleopen.org>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I am using React Hook form inside radix in my component like this.
I am getting warning like this in console
Warning: validateDOMNesting(...): <form> cannot appear as a descendant of <p>.
The text was updated successfully, but these errors were encountered: