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.
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!\