@handsontable/react-wrapper 0.0.0-next-accbc16-20260828 → 0.0.0-next-e7ff0da-20260901

package/commonjs/react-handsontable.js

@@ -532,12 +532,26 @@ function useUpdateEffect(effect, deps) {
 }
 
 /**
- * Only `dataSchema` and `columns` use deep comparison when diffing props for `updateSettings(false)`.
- * Other object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
+ * Only these settings use deep comparison when diffing props for `updateSettings(false)`. Other
+ * object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
  * reference equality so we avoid expensive deep walks and accidental false positives where functions
  * or class instances would not compare meaningfully by keys alone.
+ *
+ * `rowHeights`, `minRowHeights` (its documented alias) and `colWidths` are here because passing any
+ * of them re-declares the sizes and discards the ones the user produced by dragging
+ * (`ManualRowResize` / `ManualColumnResize`). A re-render must not do that, and a React app commonly
+ * writes the value inline (`rowHeights={[50, 50]}`), which is a new array on every render and never
+ * reference-equal. All three hold plain numbers, strings or arrays of them, so the deep walk is
+ * cheap. The Vue wrapper already skips unchanged keys this way.
+ */
+var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns', 'rowHeights', 'minRowHeights', 'colWidths'];
+
+/**
+ * The size settings are compared against the grid's live settings rather than the previous props,
+ * which is what the Angular and Vue wrappers already do. Comparing against props alone would stop
+ * re-asserting the prop after anything changed the size through the instance ref.
  */
-var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns'];
+var COMPARED_AGAINST_LIVE_SETTINGS = ['rowHeights', 'minRowHeights', 'colWidths'];
 var SettingsMapper = /*#__PURE__*/function () {
   function SettingsMapper() {
     _classCallCheck(this, SettingsMapper);
@@ -561,14 +575,23 @@ var SettingsMapper = /*#__PURE__*/function () {
         _ref$isInit = _ref.isInit,
         isInit = _ref$isInit === void 0 ? false : _ref$isInit,
         _ref$initOnlySettingK = _ref.initOnlySettingKeys,
-        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK;
+        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK,
+        currentSettings = _ref.currentSettings;
       var shouldSkipProp = function shouldSkipProp(key) {
-        if (!isInit && DEEP_COMPARABLE_SETTINGS.includes(key)) {
-          return areEquivalentSettingsValue(prevProps[key], properties[key]);
+        if (isInit) {
+          return false;
         }
-        if (!isInit && initOnlySettingKeys.includes(key)) {
+
+        // Checked before the value comparison below. The two lists do not overlap today, but a
+        // changed deep-comparable key used to return early and skip this guard entirely, which would
+        // have forwarded an init-only key to `updateSettings` as soon as one joined both lists.
+        if (initOnlySettingKeys.includes(key)) {
           return true;
         }
+        if (DEEP_COMPARABLE_SETTINGS.includes(key)) {
+          var comparedValue = currentSettings && COMPARED_AGAINST_LIVE_SETTINGS.includes(key) ? currentSettings[key] : prevProps[key];
+          return areEquivalentSettingsValue(comparedValue, properties[key]);
+        }
         return false;
       };
       var newSettings = {};
@@ -1200,7 +1223,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-accbc16-20260828";
+var version="0.0.0-next-e7ff0da-20260901";
 
 /**
  * Component used to manage the renderer component portals.
@@ -2415,13 +2438,13 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _getHotInstance;
     var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var prevProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var initOnlySettingKeys = !isHotInstanceDestroyed() ?
-    // Needed for React's double-rendering.
-    ((_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 || (_getHotInstance = _getHotInstance.getSettings()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance._initOnlySettings) || [] : [];
+    var liveSettings = !isHotInstanceDestroyed() ? (_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance.getSettings() : undefined;
+    var initOnlySettingKeys = (liveSettings === null || liveSettings === void 0 ? void 0 : liveSettings._initOnlySettings) || [];
     var newSettings = SettingsMapper.getSettings(props, {
       prevProps: prevProps,
       isInit: init,
-      initOnlySettingKeys: initOnlySettingKeys
+      initOnlySettingKeys: initOnlySettingKeys,
+      currentSettings: liveSettings
     });
     if (context.columnsSettings.length) {
       newSettings.columns = context.columnsSettings;

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-accbc16-20260828 (built at Fri Aug 28 2026 10:55:47 GMT+0000 (Coordinated Universal Time))
+ * Version: 0.0.0-next-e7ff0da-20260901 (built at Tue Sep 01 2026 10:46:12 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')) :
@@ -557,12 +557,26 @@ function useUpdateEffect(effect, deps) {
 }
 
 /**
- * Only `dataSchema` and `columns` use deep comparison when diffing props for `updateSettings(false)`.
- * Other object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
+ * Only these settings use deep comparison when diffing props for `updateSettings(false)`. Other
+ * object settings (for example `mergeCells`, `cell`, `nestedHeaders`, hooks) stay on strict
  * reference equality so we avoid expensive deep walks and accidental false positives where functions
  * or class instances would not compare meaningfully by keys alone.
+ *
+ * `rowHeights`, `minRowHeights` (its documented alias) and `colWidths` are here because passing any
+ * of them re-declares the sizes and discards the ones the user produced by dragging
+ * (`ManualRowResize` / `ManualColumnResize`). A re-render must not do that, and a React app commonly
+ * writes the value inline (`rowHeights={[50, 50]}`), which is a new array on every render and never
+ * reference-equal. All three hold plain numbers, strings or arrays of them, so the deep walk is
+ * cheap. The Vue wrapper already skips unchanged keys this way.
+ */
+var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns', 'rowHeights', 'minRowHeights', 'colWidths'];
+
+/**
+ * The size settings are compared against the grid's live settings rather than the previous props,
+ * which is what the Angular and Vue wrappers already do. Comparing against props alone would stop
+ * re-asserting the prop after anything changed the size through the instance ref.
  */
-var DEEP_COMPARABLE_SETTINGS = ['dataSchema', 'columns'];
+var COMPARED_AGAINST_LIVE_SETTINGS = ['rowHeights', 'minRowHeights', 'colWidths'];
 var SettingsMapper = /*#__PURE__*/function () {
   function SettingsMapper() {
     _classCallCheck(this, SettingsMapper);
@@ -586,14 +600,23 @@ var SettingsMapper = /*#__PURE__*/function () {
         _ref$isInit = _ref.isInit,
         isInit = _ref$isInit === void 0 ? false : _ref$isInit,
         _ref$initOnlySettingK = _ref.initOnlySettingKeys,
-        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK;
+        initOnlySettingKeys = _ref$initOnlySettingK === void 0 ? [] : _ref$initOnlySettingK,
+        currentSettings = _ref.currentSettings;
       var shouldSkipProp = function shouldSkipProp(key) {
-        if (!isInit && DEEP_COMPARABLE_SETTINGS.includes(key)) {
-          return areEquivalentSettingsValue(prevProps[key], properties[key]);
+        if (isInit) {
+          return false;
         }
-        if (!isInit && initOnlySettingKeys.includes(key)) {
+
+        // Checked before the value comparison below. The two lists do not overlap today, but a
+        // changed deep-comparable key used to return early and skip this guard entirely, which would
+        // have forwarded an init-only key to `updateSettings` as soon as one joined both lists.
+        if (initOnlySettingKeys.includes(key)) {
           return true;
         }
+        if (DEEP_COMPARABLE_SETTINGS.includes(key)) {
+          var comparedValue = currentSettings && COMPARED_AGAINST_LIVE_SETTINGS.includes(key) ? currentSettings[key] : prevProps[key];
+          return areEquivalentSettingsValue(comparedValue, properties[key]);
+        }
         return false;
       };
       var newSettings = {};
@@ -1225,7 +1248,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-accbc16-20260828";
+var version="0.0.0-next-e7ff0da-20260901";
 
 /**
  * Component used to manage the renderer component portals.
@@ -1413,13 +1436,13 @@ var HotTableInner = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _getHotInstance;
     var init = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var prevProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var initOnlySettingKeys = !isHotInstanceDestroyed() ?
-    // Needed for React's double-rendering.
-    ((_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 || (_getHotInstance = _getHotInstance.getSettings()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance._initOnlySettings) || [] : [];
+    var liveSettings = !isHotInstanceDestroyed() ? (_getHotInstance = getHotInstance()) === null || _getHotInstance === void 0 ? void 0 : _getHotInstance.getSettings() : undefined;
+    var initOnlySettingKeys = (liveSettings === null || liveSettings === void 0 ? void 0 : liveSettings._initOnlySettings) || [];
     var newSettings = SettingsMapper.getSettings(props, {
       prevProps: prevProps,
       isInit: init,
-      initOnlySettingKeys: initOnlySettingKeys
+      initOnlySettingKeys: initOnlySettingKeys,
+      currentSettings: liveSettings
     });
     if (context.columnsSettings.length) {
       newSettings.columns = context.columnsSettings;