Storing an rx.var inside a component state, not just the evaluated value at compile time

[MatthewCollinsNZ]

I am working on a custom dropdown component which can be reused throughout my app and am having a difficult time with it. My issue is that the options for the dropdown need to be based on an rx.var that is passed into the dropdown on creation. However If it try to store the rx.var inside the component state, the rx.var is resolved and stored in the component state as the resolved value (e.g list or str). This means that the component state does not update as the vars change in the outer app. Its possible that I am not doing this correctly, but I wonder what is the way to go about doing this?