[bug]: Sidebar useIsMobile doesn't change when slowly

[AuTa]

Describe the bug

When I expand the window slowly, the isMobile doesn't change to false.

Add console.log(window.innerWidth, e.matches) get 767 false, but MOBILE_BREAKPOINT is 768, so setIsMobile is true.

Use event.matches or mql.matches or <=?

I find a questions: html - Media query max-width not working inclusively - Stack Overflow. You can see: https://jsfiddle.net/e0hdyqc9/, the 767 is white.

Maybe with max-width when the number is even, media match includes the number; when the number is odd, media match doesn't include the number.

Affected component/components

Sidebar

How to reproduce

1. Contract the window
2. Slowly enlarge the window
3. isMobile doesn't change

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

Windows11, Edge

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues