Por un tema de performance, es mejor importar así:
import Box from '@mui/material/Box/Box';
import Typography from '@mui/material/Typography/Typography';
Que así:
import { Box, Typography } from '@mui/material';
Para los componentes que sea posible.
Cuando haces from '@mui/material' lo que hace el archivo es importar todo material ui y luego extraer el box y el typography, así que es buena idea evitarlo al máximo posible para que la página cargue más rápido
https://github.com/Audreylopez22/circa/blob/a60f0011d1c924d2c619748533208d2c54ad4300/src/components/Sections/Projects.jsx#L2
Por un tema de performance, es mejor importar así:
Que así:
import { Box, Typography } from '@mui/material';
Para los componentes que sea posible. Cuando haces
from '@mui/material'
lo que hace el archivo es importar todo material ui y luego extraer el box y el typography, así que es buena idea evitarlo al máximo posible para que la página cargue más rápido