потому что стрелочные функции не содержат собственный контекст this

Нашла такую штуку.
Если вы, как и я используете библиотеку Material UI, то у нее есть компонент

<ClickAwayListener onClickAway={handleClose}> </ClickAwayListener>

который позволяет слушать клики вне компонента.

Вместо

function App() {
  <DragAndDropSidebar/>
}

Должно быть

function App() {
return (
  <DragAndDropSidebar/>
   )
}

let formData = new FormData('your_form');
Нужно добавить строку:
formData = Object.fromEntries(formData);