Prototype state management - Task list item reverts back to Default state

I’m trying to build a simple task list prototype for our user testing session. Once a user clicks on a task in the list, they get redirected to respective page. Going back to that task list, should show the task they clicked on previously as completed. My component instance keeps staying on the Default state. I tried adding a click interaction on the main component and one on the instance but both are not working. Any tips?

This is the screen record: CleanShot 2023-08-15 at 09.59.42 · CleanShot Cloud

Ok I think I figured it out. I created modes for each task required, set the mode on each layer of a task to the respective mode. I then created a variable for the component state and linked it to the variant on each task instance. And this is what the interaction looked like:

No idea how I can do the progress bar though LOL