[4.x] Dashboard doneButtonHandler resets parent state (without re-render)

[lmyslinski]

Initial checklist

• I understand this is a bug report and questions should be posted in the Community Forum
• I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

https://stackblitz.com/edit/vitejs-vite-bqeqye?file=src%2FUploadForm.tsx

Steps to reproduce

Here's the problem, see the Stackblitz for a repro example:

• A user uploads 0...n files, which we save in a state array in the parent component
• Once the user clicks "Done", we copy the contents of that array into another state array in the parent

If we do that with primitive button handlers, it works as expected - however, whenever I click "Done" on the Dashboard, the parent state gets cleared. I've tried profiling this whether the parent component gets re-rendered, but looks like this is not the case. No idea what could be the cause of this, it seems as if the Dashboard is linked to a different DOM tree with old state values...? My react knowledge is not deep enough to fix this

Expected behavior

Parent state is updated properly

Actual behavior

Parent state is reset

[MasterOfBrokenLogic]

oh!

[Murderlon]

Hi, I'm not sure what's going on but the same happens on 3.x so it's probably always been the case.

[Murderlon]

We think we know what we issue is. We'll report back.

[lmyslinski]

We think we know what we issue is. We'll report back.

Many thanks for looking into this. Super curious as to what the cause could be