@dnd-kit/react 0.0.6-beta-20240829154401 → 0.0.6-beta-20240912202426

package/index.cjs

@@ -53,11 +53,15 @@ function useRenderer() {
       return (_a = rendering.current) != null ? _a : Promise.resolve();
     }
   }));
-  hooks.useOnValueChange(transitionCount, () => {
-    var _a;
-    (_a = resolver.current) == null ? void 0 : _a.call(resolver);
-    rendering.current = void 0;
-  });
+  hooks.useOnValueChange(
+    transitionCount,
+    () => {
+      var _a;
+      (_a = resolver.current) == null ? void 0 : _a.call(resolver);
+      rendering.current = void 0;
+    },
+    react.useLayoutEffect
+  );
   return {
     renderer,
     trackRendering(callback) {
@@ -175,7 +179,8 @@ function useInstance(initializer) {
   );
   react.useEffect(() => {
     instance.manager = manager;
-    return instance.register();
+    const unregister = instance.register();
+    return unregister;
   }, [instance, manager]);
   return instance;
 }

package/index.js

@@ -1,4 +1,4 @@
-import { createContext, useState, useEffect, startTransition, useContext, useCallback, useTransition, useRef } from 'react';
+import { createContext, useState, useEffect, startTransition, useContext, useCallback, useTransition, useRef, useLayoutEffect } from 'react';
 import { DragDropManager, defaultPreset, Draggable, Droppable } from '@dnd-kit/dom';
 import { useLatest, useOnValueChange, useComputed, useConstant } from '@dnd-kit/react/hooks';
 import { jsx } from 'react/jsx-runtime';
@@ -51,11 +51,15 @@ function useRenderer() {
       return (_a = rendering.current) != null ? _a : Promise.resolve();
     }
   }));
-  useOnValueChange(transitionCount, () => {
-    var _a;
-    (_a = resolver.current) == null ? void 0 : _a.call(resolver);
-    rendering.current = void 0;
-  });
+  useOnValueChange(
+    transitionCount,
+    () => {
+      var _a;
+      (_a = resolver.current) == null ? void 0 : _a.call(resolver);
+      rendering.current = void 0;
+    },
+    useLayoutEffect
+  );
   return {
     renderer,
     trackRendering(callback) {
@@ -173,7 +177,8 @@ function useInstance(initializer) {
   );
   useEffect(() => {
     instance.manager = manager;
-    return instance.register();
+    const unregister = instance.register();
+    return unregister;
   }, [instance, manager]);
   return instance;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnd-kit/react",
-  "version": "0.0.6-beta-20240829154401",
+  "version": "0.0.6-beta-20240912202426",
   "main": "./index.cjs",
   "module": "./index.js",
   "type": "module",
@@ -56,9 +56,9 @@
     "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
   },
   "dependencies": {
-    "@dnd-kit/abstract": "0.0.6-beta-20240829154401",
-    "@dnd-kit/dom": "0.0.6-beta-20240829154401",
-    "@dnd-kit/state": "0.0.6-beta-20240829154401",
+    "@dnd-kit/abstract": "0.0.6-beta-20240912202426",
+    "@dnd-kit/dom": "0.0.6-beta-20240912202426",
+    "@dnd-kit/state": "0.0.6-beta-20240912202426",
     "tslib": "^2.6.2"
   },
   "peerDependencies": {

package/sortable.cjs

@@ -77,7 +77,7 @@ function useSortable(input) {
   hooks.useOnValueChange(
     index,
     () => {
-      if ((manager == null ? void 0 : manager.dragOperation.status.idle) && transition) {
+      if ((manager == null ? void 0 : manager.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {
         sortable$1.refreshShape();
       }
     },

package/sortable.js

@@ -75,7 +75,7 @@ function useSortable(input) {
   useOnValueChange(
     index,
     () => {
-      if ((manager == null ? void 0 : manager.dragOperation.status.idle) && transition) {
+      if ((manager == null ? void 0 : manager.dragOperation.status.idle) && (transition == null ? void 0 : transition.idle)) {
         sortable.refreshShape();
       }
     },