Lets say I'm building a to do list and I built the toDos like this:

```
    const toDo = {
        title: title,
        finished: false,
    }

```

before pushing them to the array that contains all toDos. Once I want to map over them and return JSX, I need to supply them with a unique key, but in this case, I don't have a key on the object, so what do I need to supply in this case?

```
const mappedToDoList = toDoList?.map((element) => {
    return (
        <div className='to-do' key={???}>
            <p>{element.title}</p>
        </div>
    )
})

```

I can't use the index because it causes problems as soon as I start adding/removing toDos.