[Bug][TreeList] Custom elements defined inside the component is not draggable

[Yanko-Georgiev]

Description

The custom items of the ListBox are not draggable when they are defined inside the component.
When a custom item is inline-defined, it is not draggable.
When a custom item is defined inside the same component where the ListBox is rendered, it is not draggable.
When a custom item is defined outside the component where the ListBox is rendered, it is draggable.

I tried using a wrapper to pass additional properties to the custom item, but since the wrapper is inside the component where the ListBox is rendered, the items are not draggable.

As a workaround, you can use React Context to pass additional props to the custom item - https://stackblitz.com/edit/react-ptrszz3y-s7t37n2e?file=app%2FItemPropsContext.tsx,app%2Fapp.tsx

Plan

KendoReact Free

Steps To Reproduce

1. Open the following example: https://stackblitz.com/edit/react-ptrszz3y?file=app%2Fapp.tsx
2. Notice that the items in the Discontinued ListBox are not draggable

Actual Behavior

The items in the ListBox are not draggable when they are specified using a custom item defined outside of the component.

Expected Behavior

The items in the ListBox should be draggable.

Reported in TicketID: 1688827