Laggy drop behaviour on NextJS 13 (App dir)
rambaghdadi opened this issue · comments
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
Screen.Recording.2023-10-15.at.11.10.22.pm.mov
My DnD still works perfectly on version Next.js 13: '13.5.3'.
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.
@rambaghdadi could you provide a reproduction of the issue your are facing with StackBlitz?