Heartful | stressful areas on a map using Fitbit | Frontend Framework library

Could you please specify in detail what your game is about and what you are trying to do in each part of the script. I might be able to help you then. Also, if this is your first contact with programming, this is way to advanced. Start with something simpler and first understand the basic concepts of programming before moving on. Here is a good tutorial series to learn c# programming for absolute beginners.

https://www.youtube.com/watch?v=pSiIHe2uZ2w

I am not sure what you are trying to do but why is your movement control within your for loop. That might be why your are messing up. Try removing all of this code out of the for loop.

Problem: You can't assign to props in React because they are read only. The way you update props is to update the value that the parent sends to this component.
Meaning

Solution: you can use a state for each individual Heart component by using React Hooks. This way, each Heart will have a separate state, independent of each other, and the Test component won't need to keep track of each state.

Here is the updated code:

Well your type is not a prop but a data property. And it is an object. So right now you are inserting the whole object type from your data into svg.

Try this: