This PR fixes #5 where several errors regarding invalid className appeared in the console when clicking on the Comment button
User-visible changes:
Console no longer fills up with errors/warnings after clicking on the Comment button
Developer-relevant changes:
The fix relies on wrapping the elements with the styled property before rendering them, solution found in this commit
Testing Steps
Pull the changes from the branch dev-tv/fix-comment-warnings
Run the application.
Create a new comment.
Verify that clicking on the new comment button does not fill the console with errors / warnings
Technical Notes
Other than the described fix, we also changed the property rowsMax on the MUI <Input /> component to be maxRows, as that is the correct syntax for it in MUI v5
Summary
This PR fixes #5 where several errors regarding invalid
className
appeared in the console when clicking on the Comment buttonUser-visible changes:
Console no longer fills up with errors/warnings after clicking on the Comment button
Developer-relevant changes:
The fix relies on wrapping the elements with the
styled
property before rendering them, solution found in this commitTesting Steps
Technical Notes
Other than the described fix, we also changed the property
rowsMax
on the MUI<Input />
component to bemaxRows
, as that is the correct syntax for it in MUI v5