How can i fix this error:
input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`
Here is my code snippet:
import "./styles.css";
export default function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<input>Start editing to see some magic happen!</input>
</div>
);
}
It is because an input tag must be single. If you want some descriptive text use a label or a placeholder like so :
function App() {
return (
<div className="App">
<h1>Hello CodeSandbox</h1>
<input
placeholder = "Start editing to see some magic happen!"
/>
</div>
);
}