Runtime Error / Hydration failed #849
-
Hi all, I created a form for adding new Plants in our app-project and I am at the point to check wit console.log(); witch data arrives after submitting. But i can't because the attached Error Message appears...maybe anybody has a hint how to proceed? Many thank for help in advance! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
Hi there, the issue you are currently facing is related to how you structure your HTML. In The error comes from wrapping a form inside of a form. I recommend you change the |
Beta Was this translation helpful? Give feedback.
Hi there,
the issue you are currently facing is related to how you structure your HTML.
In
/pages/createplant/index.js
you return JSX that is wrapped by a styled componentFormPageContainer
which is a form element.Amongst other things, this JSX also contains the component
CreatPlantForm
which is also a form element.The error comes from wrapping a form inside of a form.
I recommend you change the
FormPageContainer
to be a div instead of a form. This should get rid of the error.