In the React Sidebar.js component, there is a <AccordionButton> with a <Button> nested underneath it. Since they're both based on a Button, the outputted HTML is invalid. This causes build issues when converting the React App to Next.js.
What is expected?
<Button> should not be nested under <AccordionButton>
Version
1.0.0
Reproduction link
https://demos.creative-tim.com/purity-ui-dashboard-pro/
Operating System
NA
Device
NA
Browser & Version
NA
Steps to reproduce
In the React Sidebar.js component, there is a
<AccordionButton>
with a<Button>
nested underneath it. Since they're both based on a Button, the outputted HTML is invalid. This causes build issues when converting the React App to Next.js.What is expected?
<Button>
should not be nested under<AccordionButton>
What is actually happening?
-
Solution
The inner
<Button>
should probably be a<Box>
Additional comments