Estoy tratando de implementar una barra de progreso circular en un formulario de inicio de sesión usando la interfaz de usuario de material. Que no se puede alinear en la posición central: captura de pantalla
{isLoading && <CircularProgress />} {user?.email && ( <Alert severity="success"> Your Registration Created Successfully </Alert> )}No está realmente relacionado con la interfaz de usuario del material, solo es un problema de estilo general / cómo colocar y diseñar sus componentes. Simplemente coloque su lógica en un div principal (o cualquier componente personalizado) y use flexbox para centrar vertical y horizontalmente. Por supuesto, su div principal debe estar a la altura, el ancho, la posición, etc., cómo necesita que encaje en su aplicación.
Aquí un ejemplo de reacción en línea
const App = () => { return ( <div style={{ // do your styles depending on your needs. display: "flex", justifyContent: "center", alignItems: "center" }} > { // content to center here } </div> ); }; export default App;