Cuando renderizo este componente de pregunta varias veces en app.js , los elementos div anidados no se renderizan.

Código del componente de la Question :

 const Question = () => { return ( <div className="question-box"> <TextField fullWidth label="Enter Question!" id="fullWidth" multiline minRows={2} maxRows={10} color="success" /> <div> <Stack spacing={2}> <TextField id="filled-basic" label="Option1" variant="filled" /> <TextField id="filled-basic" label="Option2" variant="filled" /> <TextField id="filled-basic" label="Option3" variant="filled" /> <TextField id="filled-basic" label="Option4" variant="filled" /> </Stack> </div> <div> <Stack direction="row" spacing={10}> <TextField id="filled-number" label="Time(sec)" type="number" InputProps={{ inputProps: { max: 50, min: 20, }, }} /> <TextField id="filled-number" label="Correct-Option" type="number" /> </Stack> </div> </div> ); }; export default Question;