front: multiple intermediate OP are changed together

[woshilapin]

What happened?

When I modify the second intermediate OP, the first intermediate OP is also modified with the same values at the same time.

What did you expect to happen?

Each intermediate OP should be independently changed and isolated from one another.

How can we reproduce it (as minimally and precisely as possible)?

1. Add a first intermediate OP and fill in some values
2. Add a second intermediate OP
3. Fill in some values in the second, and observe that the first one changed

See also the following video.

20250114-1108-02.8913967.mp4

On which environments the bug occurs?

Other

On which browser the bug occurs?

Firefox

OSRD version (top right corner Account button > Informations)

fdfd8ac

[woshilapin]

I tried to reproduce with @maelysLeratRosso without success, but I digged in a bit a find a more precise way to reproduce.

1. Only one intermediary OP in the first simulation, run it.
2. Retain the simulation
3. Launch a new simulation with the existing parameters
4. In the new tab, add another intermediary OP
5. Change one of the intermediary OP: ⚠ the other OP changes too

20250115-0933-09.2384167.mp4

There is a workaround (not ideal). You can remove all the intermediary OP, it should resume to a normal situation.

[woshilapin]

Might be fixed by #10381 (not sure, so it'd be nice to try to reproduce once #10381 is merged).

[Wadjetz]

The problem is with the react-id-generator. It’s a sequential ID generator, and when we refresh the page, the sequence resets, which can result in duplicate IDs. Not saving the state in the local storage will fix the issue. Alternatively, we can use a random ID generator, such as UUID, to resolve this problem.