rsuite 5.76.1 → 5.76.2

package/esm/toaster/ToastContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-export declare const defaultToasterContainer: HTMLElement;
+export declare const defaultToasterContainer: () => HTMLElement | null;
 export type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
@@ -38,7 +38,7 @@ export interface NodeProps extends WithAsProps {
     onClose?: (event?: React.MouseEvent<HTMLDivElement>) => void;
 }
 export type GetInstancePropsType = Omit<ToastContainerProps, 'container' | 'placement'> & {
-    container: HTMLElement;
+    container: HTMLElement | null;
     placement: PlacementType;
 };
 interface ToastContainerComponent extends RsRefForwardingComponent<'div', ToastContainerProps> {

package/esm/toaster/ToastContainer.js

@@ -10,11 +10,14 @@ import React, { useState, useImperativeHandle, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from "../Animation/Transition.js";
+import ToastContext from "./ToastContext.js";
+import canUseDOM from 'dom-lib/canUseDOM';
 import { useClassNames } from "../internals/hooks/index.js";
 import { guid, createChainedFunction } from "../internals/utils/index.js";
-import ToastContext from "./ToastContext.js";
 import { render } from "./render.js";
-export var defaultToasterContainer = document.body;
+export var defaultToasterContainer = function defaultToasterContainer() {
+  return canUseDOM ? document.body : null;
+};
 export var toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
 var useMessages = function useMessages() {
   var _useState = useState([]),

package/esm/toaster/render.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const toasterKeyOfContainerElement = "toasterId";
-export declare function render(element: React.ReactElement<any>, container: HTMLElement): string;
+export declare function render(element: React.ReactElement<any>, container: HTMLElement | null): string;

package/esm/toaster/toaster.js

@@ -56,10 +56,11 @@ _toaster.push = function (message, options) {
   var _options = options,
     _options$placement = _options.placement,
     placement = _options$placement === void 0 ? 'topCenter' : _options$placement,
-    container = _options.container,
+    _options$container = _options.container,
+    container = _options$container === void 0 ? defaultToasterContainer : _options$container,
     restOptions = _objectWithoutPropertiesLoose(_options, _excluded);
-  var containerElement = (typeof container === 'function' ? container() : container) || defaultToasterContainer;
-  var containerElementId = containerElement[toasterKeyOfContainerElement];
+  var containerElement = typeof container === 'function' ? container() : container;
+  var containerElementId = containerElement ? containerElement[toasterKeyOfContainerElement] : null;
   if (containerElementId) {
     var existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.76.1",
+  "version": "5.76.2",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",