rsuite 5.80.3 → 5.82.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [5.82.0](https://github.com/rsuite/rsuite/compare/v5.81.0...v5.82.0) (2025-05-29)
+
+
+### Features
+
+* **locale:** add support for Thai (th_TH) ([#4299](https://github.com/rsuite/rsuite/issues/4299)) ([91a7a45](https://github.com/rsuite/rsuite/commit/91a7a45c26d3f13df161fa56ef212bf17f61e460))
+* **locales:** add Ukrainian (uk-UA) localization for DateRangePicker and other components ([#4288](https://github.com/rsuite/rsuite/issues/4288)) ([b8789ec](https://github.com/rsuite/rsuite/commit/b8789ec085fed00c5f4ddedf7f3ff82301c62b4b))
+
+
+
+# [5.81.0](https://github.com/rsuite/rsuite/compare/v5.80.3...v5.81.0) (2025-05-23)
+
+
+### Bug Fixes
+
+* **toaster:** fix issue where delayed closing affects state ([#4294](https://github.com/rsuite/rsuite/issues/4294)) ([3279371](https://github.com/rsuite/rsuite/commit/32793717cd40f9c2e38d81d5830ffc438792b4f2))
+
+
+### Features
+
+* **CheckTreePicker:** support onCascadeChange prop ([#4287](https://github.com/rsuite/rsuite/issues/4287)) ([48c5a9b](https://github.com/rsuite/rsuite/commit/48c5a9bc5f5885d8a6cff0a825f1a5ba7e885823))
+
+
+
 ## [5.80.3](https://github.com/rsuite/rsuite/compare/v5.80.2...v5.80.3) (2025-05-17)
 
 

package/cjs/CheckTreePicker/CheckTreePicker.d.ts

@@ -33,6 +33,10 @@ export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewP
      * Custom render selected items
      */
     renderValue?: (value: V, selectedNodes: TreeNode[], selectedElement: React.ReactNode) => React.ReactNode;
+    /**
+     * In the cascade case, the leaf node's value change callbacks
+     */
+    onCascadeChange?: (v: ValueType, event: React.SyntheticEvent) => void;
 }
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -24,7 +24,7 @@ var _useFocusState2 = _interopRequireDefault(require("./hooks/useFocusState"));
 var _utils2 = require("../CheckTree/utils");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode"];
+var _excluded = ["as", "id", "appearance", "cleanable", "countable", "cascade", "classPrefix", "childrenKey", "disabled", "data", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "placeholder", "popupClassName", "popupStyle", "popupAutoWidth", "placement", "treeHeight", "toggleAs", "menuAutoWidth", "menuClassName", "menuStyle", "style", "searchBy", "searchKeyword", "showIndentLine", "searchable", "valueKey", "value", "virtualized", "uncheckableItemValues", "locale", "labelKey", "listProps", "getChildren", "renderExtraFooter", "onEnter", "onChange", "onClean", "onExit", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "renderValue", "renderMenu", "renderTree", "renderTreeIcon", "renderTreeNode", "onCascadeChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -110,6 +110,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     renderTree = _propsWithDefaults$re === void 0 ? DEPRECATED_renderMenu : _propsWithDefaults$re,
     renderTreeIcon = propsWithDefaults.renderTreeIcon,
     renderTreeNode = propsWithDefaults.renderTreeNode,
+    onCascadeChange = propsWithDefaults.onCascadeChange,
     rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
@@ -174,6 +175,7 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     setFocusItemValue(null);
     setValue([]);
     onChange === null || onChange === void 0 || onChange([], event);
+    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
   });
   var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {
     (0, _Picker.onMenuKeyDown)(event, {
@@ -193,9 +195,37 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     onExit: handleClean,
     onMenuKeyDown: handleTreeKeyDown
   }, rest));
+
+  // transform the parent node value to the leaf node value
+  var handleTransValue2Children = (0, _hooks.useEventCallback)(function (nextSelectedNodes) {
+    return nextSelectedNodes.map(function (node) {
+      var currentNode = node.refKey ? flattenedNodes[node.refKey] : null;
+      if (currentNode && currentNode[childrenKey] && currentNode[childrenKey].length) {
+        var childNodes = currentNode[childrenKey].filter(function (child) {
+          var childValue = child[valueKey];
+          return !disabledItemValues.includes(childValue) && !uncheckableItemValues.includes(childValue);
+        });
+        return handleTransValue2Children(childNodes);
+      }
+      return node;
+    }).flat();
+  });
+  var handleChangeCascade = (0, _hooks.useEventCallback)(function (nextValue, event) {
+    if (!cascade) {
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+    } else {
+      var nextSelectedNodes = (0, _utils2.getSelectedItems)(flattenedNodes, nextValue);
+      var childrenNodes = handleTransValue2Children(nextSelectedNodes);
+      var childrenValue = childrenNodes.map(function (node) {
+        return node[valueKey];
+      });
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+    }
+  });
   var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
+    handleChangeCascade(nextValue, event);
   });
   var treeContext = (0, _react.useMemo)(function () {
     return {

package/cjs/locales/es_ES.js

@@ -42,7 +42,7 @@ var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
   createOption: 'Crear opción "{0}"'
 });
 var _default = exports.default = {
-  code: 'es-AR',
+  code: 'es-ES',
   common: {
     loading: 'Cargando...',
     emptyMessage: 'Sin datos',

package/cjs/locales/index.d.ts

@@ -26,6 +26,8 @@ export { default as jaJP } from './ja_JP';
 export { default as neNP } from './ne_NP';
 export { default as csCZ } from './cs_CZ';
 export { default as plPL } from './pl_PL';
+export { default as ukUA } from './uk_UA';
+export { default as thTH } from './th_TH';
 type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };

package/cjs/locales/index.js

@@ -3,7 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.zhTW = exports.zhCN = exports.trTR = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
+exports.zhTW = exports.zhCN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.ruRU = exports.ptBR = exports.plPL = exports.nlNL = exports.neNP = exports.koKR = exports.kkKZ = exports.jaJP = exports.itIT = exports.huHU = exports.frFR = exports.fiFI = exports.faIR = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.arEG = void 0;
 var _ar_EG = _interopRequireDefault(require("./ar_EG"));
 exports.arEG = _ar_EG.default;
 var _da_DK = _interopRequireDefault(require("./da_DK"));
@@ -55,4 +55,8 @@ exports.neNP = _ne_NP.default;
 var _cs_CZ = _interopRequireDefault(require("./cs_CZ"));
 exports.csCZ = _cs_CZ.default;
 var _pl_PL = _interopRequireDefault(require("./pl_PL"));
-exports.plPL = _pl_PL.default;
+exports.plPL = _pl_PL.default;
+var _uk_UA = _interopRequireDefault(require("./uk_UA"));
+exports.ukUA = _uk_UA.default;
+var _th_TH = _interopRequireDefault(require("./th_TH"));
+exports.thTH = _th_TH.default;

package/cjs/locales/th_TH.d.ts

@@ -0,0 +1,163 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        /**
+         * Reference from en_GB without modifications.
+         **/
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/th_TH.js

@@ -0,0 +1,94 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _th = _interopRequireDefault(require("date-fns/locale/th"));
+var DateTimeFormats = {
+  sunday: 'อา.',
+  monday: 'จ.',
+  tuesday: 'อ.',
+  wednesday: 'พ.',
+  thursday: 'พฤ.',
+  friday: 'ศ.',
+  saturday: 'ส.',
+  ok: 'ตกลง',
+  today: 'วันนี้',
+  yesterday: 'เมื่อวาน',
+  now: 'ตอนนี้',
+  hours: 'ชั่วโมง',
+  minutes: 'นาที',
+  seconds: 'วินาที',
+  /**
+   * Reference from en_GB without modifications.
+   **/
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd/MM/yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: _th.default
+};
+var Combobox = {
+  noResultsText: 'ไม่พบผลลัพธ์',
+  placeholder: 'เลือก',
+  searchPlaceholder: 'ค้นหา',
+  checkAll: 'ทั้งหมด'
+};
+var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
+  newItem: 'รายการใหม่',
+  createOption: 'สร้างรายการ "{0}"'
+});
+var _default = exports.default = {
+  code: 'th-TH',
+  common: {
+    loading: 'กำลังโหลด...',
+    emptyMessage: 'ไม่พบข้อมูล',
+    remove: 'ลบ',
+    clear: 'ล้าง'
+  },
+  Plaintext: {
+    unfilled: 'ไม่ได้ระบุ',
+    notSelected: 'ไม่ได้เลือก',
+    notUploaded: 'ไม่ได้อัพโหลด'
+  },
+  Pagination: {
+    more: 'เพิ่มเติม',
+    prev: 'ก่อนหน้า',
+    next: 'ถัดไป',
+    first: 'หน้าแรก',
+    last: 'หน้าสุดท้าย',
+    limit: '{0} / หน้า',
+    total: 'รายการทั้งหมด: {0}',
+    skip: 'ไปยัง {0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
+    last7Days: '7 วันที่ผ่านมา'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'เริ่มต้น',
+    progress: 'กำลังอัพโหลด',
+    error: 'ข้อผิดพลาด',
+    complete: 'เสร็จสมบูรณ์',
+    emptyFile: 'ว่างเปล่า',
+    upload: 'อัพโหลด',
+    removeFile: 'ลบไฟล์'
+  },
+  CloseButton: {
+    closeLabel: 'ปิด'
+  },
+  Breadcrumb: {
+    expandText: 'แสดงเส้นทาง'
+  },
+  Toggle: {
+    on: 'เปิด',
+    off: 'ปิด'
+  }
+};

package/cjs/locales/uk_UA.d.ts

@@ -0,0 +1,151 @@
+declare const _default: {
+    code: string;
+    common: {
+        loading: string;
+        emptyMessage: string;
+        remove: string;
+        clear: string;
+    };
+    Plaintext: {
+        unfilled: string;
+        notSelected: string;
+        notUploaded: string;
+    };
+    Pagination: {
+        more: string;
+        prev: string;
+        next: string;
+        first: string;
+        last: string;
+        limit: string;
+        total: string;
+        skip: string;
+    };
+    DateTimeFormats: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Calendar: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DatePicker: {
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    DateRangePicker: {
+        last7Days: string;
+        sunday: string;
+        monday: string;
+        tuesday: string;
+        wednesday: string;
+        thursday: string;
+        friday: string;
+        saturday: string;
+        ok: string;
+        today: string;
+        yesterday: string;
+        now: string;
+        hours: string;
+        minutes: string;
+        seconds: string;
+        formattedMonthPattern: string;
+        formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
+        dateLocale: any;
+    };
+    Combobox: {
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    InputPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    TagPicker: {
+        newItem: string;
+        createOption: string;
+        noResultsText: string;
+        placeholder: string;
+        searchPlaceholder: string;
+        checkAll: string;
+    };
+    Uploader: {
+        inited: string;
+        progress: string;
+        error: string;
+        complete: string;
+        emptyFile: string;
+        upload: string;
+        removeFile: string;
+    };
+    CloseButton: {
+        closeLabel: string;
+    };
+    Breadcrumb: {
+        expandText: string;
+    };
+    Toggle: {
+        on: string;
+        off: string;
+    };
+};
+export default _default;

package/cjs/locales/uk_UA.js

@@ -0,0 +1,91 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _uk = _interopRequireDefault(require("date-fns/locale/uk"));
+var DateTimeFormats = {
+  sunday: 'Нд',
+  monday: 'Пн',
+  tuesday: 'Вт',
+  wednesday: 'Ср',
+  thursday: 'Чт',
+  friday: 'Пт',
+  saturday: 'Сб',
+  ok: 'ОК',
+  today: 'Сьогодні',
+  yesterday: 'Вчора',
+  now: 'Зараз',
+  hours: 'Години',
+  minutes: 'Хвилини',
+  seconds: 'Секунди',
+  formattedMonthPattern: 'MMM yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
+  dateLocale: _uk.default
+};
+var Combobox = {
+  noResultsText: 'Результати не знайдено',
+  placeholder: 'Вибрати',
+  searchPlaceholder: 'Пошук',
+  checkAll: 'Усі'
+};
+var CreatableComboBox = (0, _extends2.default)({}, Combobox, {
+  newItem: 'Новий',
+  createOption: 'Створити опцію "{0}"'
+});
+var _default = exports.default = {
+  code: 'uk-UA',
+  common: {
+    loading: 'Завантаження...',
+    emptyMessage: 'Дані не знайдено',
+    remove: 'Видалити',
+    clear: 'Очистити'
+  },
+  Plaintext: {
+    unfilled: 'Незаповнено',
+    notSelected: 'Не вибрано',
+    notUploaded: 'Не завантажено'
+  },
+  Pagination: {
+    more: 'Більше',
+    prev: 'Попередня',
+    next: 'Наступна',
+    first: 'Перша',
+    last: 'Остання',
+    limit: '{0} / сторінка',
+    total: 'Всього: {0}',
+    skip: 'Перейти до {0}'
+  },
+  DateTimeFormats: DateTimeFormats,
+  Calendar: DateTimeFormats,
+  DatePicker: DateTimeFormats,
+  DateRangePicker: (0, _extends2.default)({}, DateTimeFormats, {
+    last7Days: 'Останні 7 днів'
+  }),
+  Combobox: Combobox,
+  InputPicker: CreatableComboBox,
+  TagPicker: CreatableComboBox,
+  Uploader: {
+    inited: 'Ініційовано',
+    progress: 'Завантаження',
+    error: 'Помилка',
+    complete: 'Завершено',
+    emptyFile: 'Порожній',
+    upload: 'Завантажити',
+    removeFile: 'Видалити файл'
+  },
+  CloseButton: {
+    closeLabel: 'Закрити'
+  },
+  Breadcrumb: {
+    expandText: 'Показати шлях'
+  },
+  Toggle: {
+    on: 'Увімкнено',
+    off: 'Вимкнено'
+  }
+};

package/cjs/toaster/ToastContainer.js

@@ -66,7 +66,9 @@ var useMessages = function useMessages() {
     // Remove all invisible messages after 400ms.
     // The delay removal here is to preserve the animation.
     setTimeout(function () {
-      setMessages([]);
+      setMessages(function () {
+        return [];
+      });
     }, 400);
   }, [messages]);
   var remove = (0, _react.useCallback)(function (key) {
@@ -80,9 +82,11 @@ var useMessages = function useMessages() {
 
     // Remove invisible messages after 400ms.
     setTimeout(function () {
-      setMessages(messages.filter(function (msg) {
-        return msg.visible;
-      }));
+      setMessages(function (prevMessages) {
+        return prevMessages.filter(function (msg) {
+          return msg.visible;
+        });
+      });
     }, 400);
   }, [messages, getKey]);
   return {