Dynamic menu item Navigation from query

I want to create navigation with menu items value that come from query data so user can have a menu item that different from each other.
I already tried to update the navigation.menuItems value from javascript query but it seems its doesn't work

Currently i already created a custom component to do this but its hard to do collapse navigation


If I am understanding you correctly you are asking if you can programmatically create a menu from your query data? Unfortunately, you cannot. You can use that preloaded data in each menu item, and use a ternary to hide certain values if you would like. You can also play with the On Click, I am showing an example of using it to run a JSQuery that checks my query.data:

Hope that helps!\