I am attempting to create a dropdown with hover/focus states by creating an interactive prototype. I created a component with 2 variants, all with top level frames, but when I attempt to “play” the components, I get this error:
“a prototype with connections needs a valid top level frame as the origin”
I had the same issue. It’s referring to the Flow, so you want to do as recommended above by creating a frame and placing your component inside of it, but make sure the flow is on the new frame. If it’s on the component, it will not work. You can drag the tag that says “Flow” from the component to the frame.