fixed bug: if zoom out the browser, the components can't be clicked

packages/ui/src/layout/MainLayout/index.js

@@ -1,4 +1,3 @@
-import { useEffect } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { Outlet } from 'react-router-dom'
 
@@ -69,10 +68,10 @@ const MainLayout = () => {
         dispatch({ type: SET_MENU, opened: !leftDrawerOpened })
     }
 
-    useEffect(() => {
-        dispatch({ type: SET_MENU, opened: !matchDownMd })
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [matchDownMd])
+    //useEffect(() => {
+    //    dispatch({ type: SET_MENU, opened: !matchDownMd })
+    //    // eslint-disable-next-line react-hooks/exhaustive-deps
+    //}, [matchDownMd])
 
     return (
         <Box sx={{ display: 'flex' }}>