Estoy usando Material UI para construir mi interfaz de usuario para la web. Tengo una pregunta sobre la interfaz de usuario del material si proporciona una forma de detectar el punto de interrupción de la resolución de pantalla actual , por ejemplo: [xs, sm, md, lg, xl] o [0px, 600px, 900px , 1200px, 1536px] puede leerlo

Por ejemplo, quería usar useEffect() para limpiar un estado en mi componente, pero necesitaba que fuera cuando el componente se oculta debido a un cambio en la resolución de la pantalla, así que tal vez pueda hacerlo así:

 useEffect(()=> setMenuList(null), [mui.currentScreenResolution] )

En otras palabras, en caso de que los puntos de interrupción de la pantalla actual cambien de 'xs' a 'md' , quiero que se ejecute este useEffect .

¿MUI proporciona una forma de leer el punto de interrupción utilizado actualmente por la aplicación?

Actualización: solo para confirmar mi pregunta; No quiero detectar cada vez que cambia el tamaño de la ventana del navegador, solo quiero detectar cuando la resolución de la pantalla cambia de uno de los puntos de interrupción de resolución de pantalla predefinidos por mui de uno a otro (por ejemplo: xs → md ).