Дмитрий Воробьев

Для того чтобы запретить определенному элементу перемещаться (перетаскиваться), необходимо этому элементу в пропсах передать isDragDisabled={true}, более конкретнее вы можете прочитать здесь

Конкретно в вашем случае необходимо установить условие при котором у всех элементов будет

<Draggable 
                      key={item.id} 
                      draggableId={item.id} 
                      index={index}
                      isDragDisabled={false}
                    >

И только если элемент становился последним

<Draggable 
                      key={item.id} 
                      draggableId={item.id} 
                      index={index}
                      isDragDisabled={true}
                    >

Ваш ответ не совсем корректен, так как данный способ не заставляет дожидаться выполнения асинхронной функции, если поставите debagger слазу после

useEffect(() => {
    (async () => {
    const result = await getData();
setNoteArr(result);
   })()
  }, []);

то вы сможете убедиться что noteArr = []