responsive side bar by mouse region test issue

Widgets & Design

hello there ...

i made a responsive side bar it shrinks to the edge of the screen when exit mouse region and expand when enter (like supabase) everything is going fine until i run test mode when page loads the component won't function probably until i click anywhere on screen any ideas why this is happening? images are attached

pic1(without clicking (Exit mouse region))

pic2(without clicking (Enter mouse region))

pic3,4 after clicking works fine

What have you tried so far?

i tried to

1.make mouse region after sidebar container directly

2.make action when page load to set app state variable of nav bar to be true and false

i think its a component problem

Did you check FlutterFlow's Documentation for this topic?