I have created a custom component particular for sidemenu that is collapsible by a hamburger icon.
I copied the logic from Creator Kit which functions perfectly but mine doesnt. I don't see any difference in the codes but I am wondering why mine isnt opened by default.
I'll first put here the properties/codes for the Creator Kit - ExpandMenu - custom component.
This is attached to a new app with nothing entered on any of the App's properties(OnStart).

ExpandMenu Width = If(!Self.IsExpanded, 46, 221)
ExpandMenu.DefaultExpanded -- raise OnReset when value changed enabled = true
ExpandMenu.OnReset = Set(IsOpen, ExpandMenu.DefaultExpanded)
ExpandMenu.IsExpanded (output property) = IsOpen
Hamburger icon OnSelect = Set(IsOpen, !IsOpen)
all of the above code works and the side menu by default is opened. Code below will be my own custom menu that I copied the logic but doesn't work.
SideMenu_Collapsible.Width = If(
SideNavigation_Collapsible.MenuExpanded,
250,
70
)
SideMenu_Collapsible.DefaultExpand = true
SideMenu_Collapsible.OnReset -- raise OnReset when value changed enabled = Set(varMenuExpanded, SideMenu_Collapsible.DefaultExpand)
SideMenu_Collapsible.MenuExpanded (output property) = varMenuExpanded
Hamburger Icon OnSelect = Set(varMenuExpanded, !varMenuExpanded)

Image above is the default when the app is first opened

now this is the default of the side menu of the other app. Everything is basically similar.
why is my custom side menu not opened by default???
I noticed that the only difference between two apps are mine are enclosed with containers and the other app isn't. I dont know if this should affect anything but might as well indicate it here.