Tengo un componente de texto en el que se puede hacer clic con Material UI Typography:

 <MDBox mt={2} mb={1}> <MDTypography variant="body2" style={{color: 'white', cursor:"pointer"}} onClick={()=>dispatch({type: "goBackToPage1"})} > Go back to previous page </MDTypography> </MDBox>

Como puede ver, la tipografía ocupa toda el área de la fila, de modo que incluso si coloco el mouse en el área verde (en la misma fila pero fuera del área de texto), el mouse aún se convierte en un puntero y aún puede hacer clic eso.

¿Cómo restrinjo el clic para que sea estrictamente en el texto, en lugar de toda el área de la fila?