Laggy drop behaviour on NextJS 13 (App dir)

[rambaghdadi]

Expected behavior

Smooth drop behaviour, it actually works perfectly in code sandbox

Actual behavior

Janky and laggy drop behavior on NextJS 13 (app dir), see video in demo section. Turning all the pages/components its related to into "use client" doesn't fix the issue.

What version of React are you using?

React 18.2 NextJS 13.5.4

What version of @hello-pangea/dnd are you running?

16.3.0

What browser are you using?

Chrome

Demo

https://github.com/hello-pangea/dnd/assets/46053089/d07f3dbb-8b55-47a5-b942-53255d5cc6a5

[okayda]

My DnD still works perfectly on version Next.js 13: '13.5.3'.

[aniruddha-mithya]

Do you mind sharing your next.js config here? Maybe one of the experiments is the issue?

I'm having a similar issue on react-sortable-hoc where similar inconsistent behaviour is seen with Nextjs but I've never had this issue with plain react before.

[100terres]

@rambaghdadi could you provide a reproduction of the issue your are facing with StackBlitz?