Interactions to different variant state doesn't work in the prototype mode unless the variant state is active on the frame

When I have created variants for a components, but no interaction added to the component state. i.e for example, let just say I have a drop down with two options as shown below

Now, When I hover over the settings button, I want it to turn into the grey mode and when I click on the grey button (Hover state), it should open up to reveal other two options (Configurations and Terms of use). This action works fine like how it is intended.

Now in the same frame, I have a similar working for Config and Terms of us button (default button → hover state → active button). When I connect Config and Terms hover state button to navigate to another page, in the prototype mode, the working happens only till the drop-down opens. After that it doesn’t navigate to another page unless I keep this state active on the frame. Why is this happening? I should ideally be able to work seamlessly without having to create so many frames. What’s the point of design then, lol?

You can see the screen recording of what my issue is, here...

https://drive.google.com/file/d/1W0ApwOFCugTYUfZUWVdRQAlnkZZMrQfu/view?usp=sharing