I’m dynamically rendering components in a page because depending on a user selection from a previous page these values will change in how they are displayed. I can’t make static pages because there are too many selection and thus too many pages to generate. Also if the data changes then these pages need to be updated dynamically. Here is the code.

The problem that I’m having is when a user selects a value on one of the elements then moves to another element then goes back, the first element has changed to what the second element value is. This is only visually for now because I’ve made it so when a user makes a change on the page the factors are calculated and the UI is updated, which it needs to be anyways.

Question: Does anyone know how to stop the other elements from changing when other elements on the page have changed?