Быстрое напоминание про React: useId() недооценивают.

Можно совместить useId(…) + атрибут form={…}, и тогда форма будет сабмититься кнопкой, которая находится вообще вне тега <form>.

И не нужно городить всю эту жонглёрку с useEffect() или useRef(), которую обычно приходится делать.

@WebDev_Plus