Drag and Drop через react-beautiful-dnd

делаю элемент. и не как не могу понять в чем ошибка, не видит элемента с таким айди Помогите пожалуйста, это у меня повылазило,и я не вижу где айди накинуть нужное, или у него...

Ошибка

сам элемент

<div className="container-draggable">
                  <DragDropContext onDragEnd={onDragEnd}>
                    <Droppable droppableId="exercises">
                      {(provided) => (
                        <div
                          {...provided.droppableProps}
                          ref={provided.innerRef}
                        >
                          {training.exercises.map((exercise, index) => {
                            return (
                              <Draggable
                                key={exercise.exercise_id}
                                draggableId={`${exercise.exercise_id}`}
                                index={index}
                              >
                                {(provided) => (
                                  <div
                                    ref={provided.innerRef}
                                    {...provided.draggableProps}
                                    {...provided.dragHandleProps}
                                    className={s.template_detail_exercises}
                                  >
                                    <div
                                      className={
                                        s.template_detail_exercises_desc
                                      }
                                    >
                                      <p>тут еще элементы</p>
                                    </div>
                                  </div>
                                )}
                              </Draggable>
                            );
                          })}
                          {provided.placeholder}
                        </div>
                      )}
                    </Droppable>
                  </DragDropContext>
                </div>

Ответы (1 шт):

Автор решения: Максим Арбаков

Может кто столкнётся, с такой же проблемой, То все оказалось, так просто, что аж глупо.

в Droppable необходимо добавить ключ, без него не работает

<Droppable droppableId="exercises" key={index}>

в моем случае, он такой от верхнего элемента.

→ Ссылка