@handsontable/react-wrapper 0.0.0-next-47ef6ea-20260518 → 0.0.0-next-9186e79-20260518

package/commonjs/react-handsontable.js

@@ -542,6 +542,9 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
   var setHotColumnSettings = React.useCallback(function (columnSettings, columnIndex) {
     columnsSettings.current[columnIndex] = columnSettings;
   }, []);
+  var trimColumnSettings = React.useCallback(function (length) {
+    columnsSettings.current.length = length;
+  }, []);
   var componentRendererColumns = React.useRef(new Map());
   var renderedCellCache = React.useRef(new Map());
   var clearRenderedCellCache = React.useCallback(function () {
@@ -607,13 +610,14 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       componentRendererColumns: componentRendererColumns.current,
       columnsSettings: columnsSettings.current,
       emitColumnSettings: setHotColumnSettings,
+      trimColumnSettings: trimColumnSettings,
       getRendererWrapper: getRendererWrapper,
       clearPortalCache: clearPortalCache,
       clearRenderedCellCache: clearRenderedCellCache,
       setRenderersPortalManagerRef: setRenderersPortalManagerRef,
       pushCellPortalsIntoPortalManager: pushCellPortalsIntoPortalManager
     };
-  }, [setHotColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
+  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
   return /*#__PURE__*/React__default["default"].createElement(HotTableContext.Provider, {
     value: contextImpl
   }, children);
@@ -1079,7 +1083,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-47ef6ea-20260518";
+var version="0.0.0-next-9186e79-20260518";
 
 /**
  * Component used to manage the renderer component portals.
@@ -2335,6 +2339,12 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Initialize Handsontable after the component has mounted.
    */
   React.useEffect(function () {
+    // React guarantees child effects run before parent effects on each
+    // commit, so by the time this parent useEffect runs, every HotColumn
+    // has already written its slot. Trim to drop any leftover slots from
+    // a previous mount (e.g. StrictMode's double-invoke or HMR).
+    var hotColumnCount = React.Children.toArray(props.children).filter(isHotColumn).length;
+    context.trimColumnSettings(hotColumnCount);
     var newGlobalSettings = createNewGlobalSettings(true);
 
     // Update prevProps with the current props
@@ -2377,6 +2387,13 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useUpdateEffect(function () {
     clearCache();
     var hotInstance = getHotInstance();
+
+    // React guarantees child effects run before parent effects on each
+    // commit, so by the time this parent useUpdateEffect runs, every
+    // surviving HotColumn has already written its slot. Trim to drop
+    // stale entries left behind by HotColumns that unmounted.
+    var hotColumnCount = React.Children.toArray(props.children).filter(isHotColumn).length;
+    context.trimColumnSettings(hotColumnCount);
     var newGlobalSettings = createNewGlobalSettings(false, prevProps.current);
 
     // Update prevProps with the current props

package/dist/react-handsontable.js

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 0.0.0-next-47ef6ea-20260518 (built at Mon May 18 2026 10:11:25 GMT+0000 (Coordinated Universal Time))
+ * Version: 0.0.0-next-9186e79-20260518 (built at Mon May 18 2026 12:44:11 GMT+0000 (Coordinated Universal Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base'), require('handsontable/renderers/registry'), require('handsontable/editors/registry')) :
@@ -567,6 +567,9 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
   var setHotColumnSettings = React.useCallback(function (columnSettings, columnIndex) {
     columnsSettings.current[columnIndex] = columnSettings;
   }, []);
+  var trimColumnSettings = React.useCallback(function (length) {
+    columnsSettings.current.length = length;
+  }, []);
   var componentRendererColumns = React.useRef(new Map());
   var renderedCellCache = React.useRef(new Map());
   var clearRenderedCellCache = React.useCallback(function () {
@@ -632,13 +635,14 @@ var HotTableContextProvider = function HotTableContextProvider(_ref) {
       componentRendererColumns: componentRendererColumns.current,
       columnsSettings: columnsSettings.current,
       emitColumnSettings: setHotColumnSettings,
+      trimColumnSettings: trimColumnSettings,
       getRendererWrapper: getRendererWrapper,
       clearPortalCache: clearPortalCache,
       clearRenderedCellCache: clearRenderedCellCache,
       setRenderersPortalManagerRef: setRenderersPortalManagerRef,
       pushCellPortalsIntoPortalManager: pushCellPortalsIntoPortalManager
     };
-  }, [setHotColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
+  }, [setHotColumnSettings, trimColumnSettings, getRendererWrapper, clearRenderedCellCache, setRenderersPortalManagerRef, pushCellPortalsIntoPortalManager]);
   return /*#__PURE__*/React__default["default"].createElement(HotTableContext.Provider, {
     value: contextImpl
   }, children);
@@ -1104,7 +1108,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-47ef6ea-20260518";
+var version="0.0.0-next-9186e79-20260518";
 
 /**
  * Component used to manage the renderer component portals.
@@ -1333,6 +1337,12 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
    * Initialize Handsontable after the component has mounted.
    */
   React.useEffect(function () {
+    // React guarantees child effects run before parent effects on each
+    // commit, so by the time this parent useEffect runs, every HotColumn
+    // has already written its slot. Trim to drop any leftover slots from
+    // a previous mount (e.g. StrictMode's double-invoke or HMR).
+    var hotColumnCount = React.Children.toArray(props.children).filter(isHotColumn).length;
+    context.trimColumnSettings(hotColumnCount);
     var newGlobalSettings = createNewGlobalSettings(true);
 
     // Update prevProps with the current props
@@ -1375,6 +1385,13 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useUpdateEffect(function () {
     clearCache();
     var hotInstance = getHotInstance();
+
+    // React guarantees child effects run before parent effects on each
+    // commit, so by the time this parent useUpdateEffect runs, every
+    // surviving HotColumn has already written its slot. Trim to drop
+    // stale entries left behind by HotColumns that unmounted.
+    var hotColumnCount = React.Children.toArray(props.children).filter(isHotColumn).length;
+    context.trimColumnSettings(hotColumnCount);
     var newGlobalSettings = createNewGlobalSettings(false, prevProps.current);
 
     // Update prevProps with the current props