Estoy creando un sitio basado en Next.js (React | TSX) y la biblioteca Material-UI. Personalizo algunos de mis componentes y me gustaría preguntar sobre el uso de contenedores <div> alrededor de mis componentes, como:

export const component = /** JSX below */

 <Fragment> <div className={classes.root}> <MUIDataTable data={data.feed} columns={columns} options={options} /> </div> </Fragment>

La mayoría de los componentes se parecen a eso. Uso divs para pasar el css style personalizado a través de la propiedad className . Entonces, la pregunta es, ¿está bien envolver mis componentes o no?

No tengo mucha experiencia con el front-end, por lo que no conozco las mejores prácticas con MUI y React. ¿Probablemente hay algún tipo de componente que debería usar en lugar de <div> ?