@atlaskit/tree uses react-beautiful-dnd internally.

The DragDropContext used within Tree.ts 1 cannot be given any custom props. It would support a nonce among it’s props 2, which my team is utilizing in other parts of my codebase to support a strict content security policy. It is however seems impossible to do with the <Tree /> component due to the lack of options in providing a nonce to the internal <DragDropContext />.

It would be fairly simple to add a nonce prop to <Tree /> which would then pass it down to <DragDropContext /> (even better would be to allow propagating any of it’s supported props to <DragDropContext />, but that’s not actually needed in this case).

 

suggestion from: https://community.developer.atlassian.com/t/missing-nonce-support-from-atlaskit-tree/75701

related thread: https://atlassian.slack.com/archives/CFGSEJDFT/p1712119186844259