rsuite 5.40.0 → 5.41.0

package/esm/utils/BrowserDetection.js

@@ -1,6 +1,9 @@
+'use client';
 // from http://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser
-import canUseDOM from 'dom-lib/canUseDOM'; // Internet Explorer 6-11
 
+import canUseDOM from 'dom-lib/canUseDOM';
+
+// Internet Explorer 6-11
 export var isIE = function isIE() {
   return canUseDOM && /MSIE |Trident\/|Edge\//.test(window.navigator.userAgent);
 };
@@ -9,8 +12,9 @@ export var isIE10 = function isIE10() {
 };
 export var isIE11 = function isIE11() {
   return canUseDOM && window.navigator.userAgent.indexOf('Trident') > -1 && window.navigator.userAgent.indexOf('rv:11.0') > -1;
-}; // Edge 20+
+};
 
+// Edge 20+
 export var isEdge = function isEdge() {
   return canUseDOM && !isIE() && 'styleMedia' in window;
 };
@@ -19,7 +23,6 @@ export var getChromeVersion = function getChromeVersion() {
     var match = window.navigator.userAgent.match(/Chrom(e|ium)\/([\d\.]+)\./);
     return match ? parseFloat(match[2]) : false;
   }
-
   return false;
 };
 export var getSafariVersion = function getSafariVersion() {
@@ -27,31 +30,28 @@ export var getSafariVersion = function getSafariVersion() {
     var match = window.navigator.userAgent.match(/Version\/([\d\.]+).*Safari/);
     return match ? parseFloat(match[1]) : false;
   }
-
   return false;
 };
+
 /**
  * flexbox-gap compatibility
  * @see https://caniuse.com/flexbox-gap
  */
-
 export var isSupportFlexGap = function isSupportFlexGap() {
   if (isIE()) {
     return false;
   }
-
   var chromeVersion = getChromeVersion();
-  var safariVersion = getSafariVersion(); // edge consider as chrome
+  var safariVersion = getSafariVersion();
 
+  // edge consider as chrome
   if (chromeVersion) {
     // flex-gap is support in Chrome 84+
     return chromeVersion >= 84;
   }
-
   if (safariVersion) {
     // flex-gap is support in Safari 14.1+
     return safariVersion >= 14.1;
   }
-
   return true;
 };

package/esm/utils/ReactChildren.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 export function find(children, func, context) {
@@ -7,9 +8,7 @@ export function find(children, func, context) {
     if (result) {
       return;
     }
-
     index += 1;
-
     if (func.call(context, child, index)) {
       result = child;
     }
@@ -22,7 +21,6 @@ export function map(children, func, context) {
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return child;
     }
-
     var handle = func.call(context, child, index);
     index += 1;
     return handle;
@@ -40,7 +38,6 @@ export function count(children) {
     return child;
   }) : children);
 }
-
 function some(children, func, context) {
   var index = 0;
   var result = false;
@@ -48,20 +45,17 @@ function some(children, func, context) {
     if (result) {
       return;
     }
-
     if (! /*#__PURE__*/React.isValidElement(child)) {
       return;
     }
-    /* eslint-disable */
-
 
+    /* eslint-disable */
     if (func.call(context, child, index += 1)) {
       result = true;
     }
   });
   return result;
 }
-
 export default {
   mapCloneElement: mapCloneElement,
   count: count,

package/esm/utils/ajaxUpload.js

@@ -1,75 +1,64 @@
+'use client';
 function getResponse(xhr) {
   var text = xhr.responseText || xhr.response;
-
   if (!text) {
     return text;
   }
-
   try {
     return JSON.parse(text);
   } catch (e) {
     return text;
   }
 }
-
 export default function ajaxUpload(options) {
   var name = options.name,
-      timeout = options.timeout,
-      _options$headers = options.headers,
-      headers = _options$headers === void 0 ? {} : _options$headers,
-      _options$data = options.data,
-      data = _options$data === void 0 ? {} : _options$data,
-      _options$method = options.method,
-      method = _options$method === void 0 ? 'POST' : _options$method,
-      onError = options.onError,
-      onSuccess = options.onSuccess,
-      onProgress = options.onProgress,
-      file = options.file,
-      url = options.url,
-      withCredentials = options.withCredentials,
-      disableMultipart = options.disableMultipart;
+    timeout = options.timeout,
+    _options$headers = options.headers,
+    headers = _options$headers === void 0 ? {} : _options$headers,
+    _options$data = options.data,
+    data = _options$data === void 0 ? {} : _options$data,
+    _options$method = options.method,
+    method = _options$method === void 0 ? 'POST' : _options$method,
+    onError = options.onError,
+    onSuccess = options.onSuccess,
+    onProgress = options.onProgress,
+    file = options.file,
+    url = options.url,
+    withCredentials = options.withCredentials,
+    disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
   var sendableData;
   xhr.open(method, url, true);
-
   if (!disableMultipart) {
     sendableData = new FormData();
     sendableData.append(name, file, file.name);
-
     for (var key in data) {
       sendableData.append(key, data[key]);
     }
   } else {
     sendableData = file;
   }
-
   Object.keys(headers).forEach(function (key) {
     if (headers[key] !== null) {
       xhr.setRequestHeader(key, headers[key]);
     }
   });
-
   if (headers['X-Requested-With'] !== null) {
     xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
   }
-
   if (timeout) {
     xhr.timeout = timeout;
-
     xhr.ontimeout = function (event) {
       onError === null || onError === void 0 ? void 0 : onError({
         type: 'timeout'
       }, event, xhr);
     };
   }
-
   if (withCredentials && 'withCredentials' in xhr) {
     xhr.withCredentials = true;
   }
-
   xhr.onload = function (event) {
     var resp = getResponse(xhr);
-
     if (xhr.status < 200 || xhr.status >= 300) {
       onError === null || onError === void 0 ? void 0 : onError({
         type: 'server_error',
@@ -77,28 +66,22 @@ export default function ajaxUpload(options) {
       }, event, xhr);
       return;
     }
-
     onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resp, event, xhr);
   };
-
   if (xhr.upload) {
     xhr.upload.onprogress = function (event) {
       var percent = 0;
-
       if (event.lengthComputable) {
         percent = event.loaded / event.total * 100;
       }
-
       onProgress === null || onProgress === void 0 ? void 0 : onProgress(percent, event, xhr);
     };
   }
-
   xhr.onerror = function (event) {
     onError === null || onError === void 0 ? void 0 : onError({
       type: 'xhr_error'
     }, event, xhr);
   };
-
   xhr.send(sendableData);
   return {
     xhr: xhr,

package/esm/utils/appendTooltip.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
@@ -5,9 +6,8 @@ import Tooltip from '../Tooltip';
 import Whisper from '../Whisper';
 export default function appendTooltip(_ref) {
   var message = _ref.message,
-      ref = _ref.ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["message", "ref"]);
-
+    ref = _ref.ref,
+    rest = _objectWithoutPropertiesLoose(_ref, ["message", "ref"]);
   return /*#__PURE__*/React.createElement(Whisper, _extends({
     ref: ref,
     speaker: /*#__PURE__*/React.createElement(Tooltip, null, message)

package/esm/utils/attachParent.js

@@ -1,3 +1,4 @@
+'use client';
 export function attachParent(data, parent) {
   // mark "parent" unenumable
   Object.defineProperty(data, 'parent', {

package/esm/utils/clone.js

@@ -1,7 +1,7 @@
+'use client';
 export default function clone(data) {
   if (data !== undefined) {
     return JSON.parse(JSON.stringify(data));
   }
-
   return null;
 }

package/esm/utils/composeFunctions.js

@@ -1,8 +1,8 @@
+'use client';
 export default (function () {
   for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
     fns[_key] = arguments[_key];
   }
-
   return function (first) {
     return fns.reduce(function (previousValue, fn) {
       return fn(previousValue);

package/esm/utils/constants.js

@@ -1,3 +1,4 @@
+'use client';
 export var SIZE = ['lg', 'md', 'sm', 'xs'];
 export var COLUMN_SIZE = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
 export var STATUS = ['success', 'warning', 'error', 'info'];
@@ -6,36 +7,33 @@ export var PLACEMENT_4 = ['top', 'bottom', 'right', 'left'];
 export var PLACEMENT_8 = ['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'];
 export var PLACEMENT_AUTO = ['auto', 'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart', 'autoHorizontalEnd'];
 export var PLACEMENT = [].concat(PLACEMENT_4, PLACEMENT_8, PLACEMENT_AUTO);
+
 /**
  *  Check Tree Node State
  */
-
 export var CHECK_STATE;
-
 (function (CHECK_STATE) {
   CHECK_STATE[CHECK_STATE["UNCHECK"] = 0] = "UNCHECK";
   CHECK_STATE[CHECK_STATE["CHECK"] = 1] = "CHECK";
   CHECK_STATE[CHECK_STATE["INDETERMINATE"] = 2] = "INDETERMINATE";
 })(CHECK_STATE || (CHECK_STATE = {}));
-
 export var TREE_NODE_PADDING = 16;
 export var TREE_NODE_ROOT_PADDING = 12;
+
 /**
  * Tree Node Drag Type
  */
-
 export var TREE_NODE_DROP_POSITION;
+
 /**
  * UI Events KeyboardEvent key Values
  * https://www.w3.org/TR/uievents-key
  */
-
 (function (TREE_NODE_DROP_POSITION) {
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER"] = 0] = "DRAG_OVER";
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_TOP"] = 1] = "DRAG_OVER_TOP";
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_BOTTOM"] = 2] = "DRAG_OVER_BOTTOM";
 })(TREE_NODE_DROP_POSITION || (TREE_NODE_DROP_POSITION = {}));
-
 export var KEY_VALUES = {
   // Navigation Keys
   LEFT: 'ArrowLeft',
@@ -58,7 +56,6 @@ export var KEY_VALUES = {
   ESC: 'Escape'
 };
 export var DATERANGE_DISABLED_TARGET;
-
 (function (DATERANGE_DISABLED_TARGET) {
   DATERANGE_DISABLED_TARGET["CALENDAR"] = "CALENDAR";
   DATERANGE_DISABLED_TARGET["TOOLBAR_BUTTON_OK"] = "TOOLBAR_BUTTON_OK";

package/esm/utils/createChainedFunction.js

@@ -1,3 +1,4 @@
+'use client';
 /**
  *
  * Safe chained function
@@ -11,31 +12,27 @@
  * @param {function} functions to chain
  * @returns {function|undefined}
  */
+
 function createChainedFunction() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
-
   return funcs.filter(function (f) {
     return f !== null && typeof f !== 'undefined';
   }).reduce(function (acc, f) {
     if (typeof f !== 'function') {
       throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
     }
-
     if (acc === undefined) {
       return f;
     }
-
     return function chainedFunction() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
       }
-
       acc.apply(this, args);
       f.apply(this, args);
     };
   }, undefined);
 }
-
 export default createChainedFunction;

package/esm/utils/createComponent.js

@@ -1,32 +1,29 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import kebabCase from 'lodash/kebabCase';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
-
 /**
  * Create a component with `classPrefix` and `as` attributes.
  */
 function createComponent(_ref) {
   var name = _ref.name,
-      componentAs = _ref.componentAs,
-      componentClassPrefix = _ref.componentClassPrefix,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["name", "componentAs", "componentClassPrefix"]);
-
+    componentAs = _ref.componentAs,
+    componentClassPrefix = _ref.componentClassPrefix,
+    defaultProps = _objectWithoutPropertiesLoose(_ref, ["name", "componentAs", "componentClassPrefix"]);
   var Component = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _props$as = props.as,
-        Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
-        _props$classPrefix = props.classPrefix,
-        classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || kebabCase(name) : _props$classPrefix,
-        className = props.className,
-        role = props.role,
-        rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
-
+      Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || kebabCase(name) : _props$classPrefix,
+      className = props.className,
+      role = props.role,
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
     var _useClassNames = useClassNames(classPrefix),
-        withClassPrefix = _useClassNames.withClassPrefix,
-        merge = _useClassNames.merge;
-
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
     var classes = merge(className, withClassPrefix());
     return /*#__PURE__*/React.createElement(Component, _extends({}, defaultProps, rest, {
       role: role,
@@ -43,5 +40,4 @@ function createComponent(_ref) {
   };
   return Component;
 }
-
 export default createComponent;

package/esm/utils/dateUtils.js

@@ -1,3 +1,4 @@
+'use client';
 import pick from 'lodash/pick';
 import omitBy from 'lodash/omitBy';
 import getHours from 'date-fns/getHours';
@@ -49,42 +50,33 @@ export { default as differenceInCalendarMonths } from 'date-fns/differenceInCale
 var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
 var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
 export var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);
-
 function validTime(calendarProps, date) {
   if (!date) {
     return false;
   }
-
   return Object.keys(calendarProps).some(function (key) {
     if (/(Hours)/.test(key)) {
       var _calendarProps$key;
-
       return (_calendarProps$key = calendarProps[key]) === null || _calendarProps$key === void 0 ? void 0 : _calendarProps$key.call(calendarProps, getHours(date), date);
     }
-
     if (/(Minutes)/.test(key)) {
       var _calendarProps$key2;
-
       return (_calendarProps$key2 = calendarProps[key]) === null || _calendarProps$key2 === void 0 ? void 0 : _calendarProps$key2.call(calendarProps, getMinutes(date), date);
     }
-
     if (/(Seconds)/.test(key)) {
       var _calendarProps$key3;
-
       return (_calendarProps$key3 = calendarProps[key]) === null || _calendarProps$key3 === void 0 ? void 0 : _calendarProps$key3.call(calendarProps, getSeconds(date), date);
     }
-
     return false;
   });
 }
+
 /**
  * Verify that the time is valid.
  *
  * @param props
  * @param date
  */
-
-
 export function disabledTime(props, date) {
   var calendarProps = pick(props, disabledTimeProps);
   return validTime(calendarProps, date);
@@ -113,29 +105,23 @@ export var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
  * @params monthDate
  * @return date[]
  */
-
 export function getMonthView(monthDate, isoWeek) {
   var firstDayOfMonth = getDay(monthDate);
   var distance = 0 - firstDayOfMonth;
-
   if (isoWeek) {
     distance = 1 - firstDayOfMonth;
-
     if (firstDayOfMonth === 0) {
       distance = -6;
     }
   }
-
   var firstWeekendDate = addDays(monthDate, distance);
   var weeks = [firstWeekendDate];
   var nextWeekendDate = addDays(firstWeekendDate, 7);
   weeks.push(nextWeekendDate);
-
   while (weeks.length < 6) {
     nextWeekendDate = addDays(nextWeekendDate, 7);
     weeks.push(nextWeekendDate);
   }
-
   return weeks;
 }
 export function getDateMask(formatStr) {
@@ -143,27 +129,26 @@ export function getDateMask(formatStr) {
     return i.match(/[A-Za-z]/) ? /[\d|A-Za-z]/ : i;
   });
 }
+
 /**
  * Copy the time of one date to another
  */
-
 export function copyTime(_ref) {
   var from = _ref.from,
-      to = _ref.to;
+    to = _ref.to;
   return set(to, {
     hours: getHours(from),
     minutes: getMinutes(from),
     seconds: getSeconds(from)
   });
 }
+
 /**
  * Swap two dates without swapping the time.
  */
-
 export function reverseDateRangeOmitTime(dateRange) {
   var start = dateRange[0],
-      end = dateRange[1];
-
+    end = dateRange[1];
   if (start && end) {
     return [copyTime({
       from: start,
@@ -173,13 +158,12 @@ export function reverseDateRangeOmitTime(dateRange) {
       to: start
     })];
   }
-
   return dateRange;
 }
+
 /**
  * Get the time with AM and PM reversed.
  */
-
 export var getReversedTimeMeridian = function getReversedTimeMeridian(date) {
   var clonedDate = new Date(date.valueOf());
   var hours = getHours(clonedDate);

package/esm/utils/deprecateComponent.js

@@ -1,14 +1,14 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import warnOnce from './warnOnce';
+
 /**
  * HOC for display a deprecation message from a deprecated component
  * fixme: Only display deprecation message in non-production environment
  */
-
 export default function deprecateComponent(Component, message) {
   var _Component$displayNam;
-
   var componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;
   var Deprecated = /*#__PURE__*/React.forwardRef(function (props, ref) {
     warnOnce(message);

package/esm/utils/deprecatePropType.js

@@ -1,11 +1,13 @@
+'use client';
 // Ref: https://github.com/thefrontside/deprecated-prop-type/blob/master/deprecated.js
+
 import warnOnce from './warnOnce';
+
 /**
  * Prints deprecation message when user uses a deprecated prop
  *
  * @deprecated Use {@link deprecatePropTypeNew} which prints clearer messages.
  */
-
 export default function deprecatePropType(propType, explanation) {
   return function validate(props, propName, componentName) {
     // Note ...rest here
@@ -13,14 +15,13 @@ export default function deprecatePropType(propType, explanation) {
       var message = "\"" + propName + "\" property of \"" + componentName + "\" has been deprecated.\n" + explanation;
       warnOnce(message);
     }
-
     for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
       rest[_key - 3] = arguments[_key];
     }
-
     return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here
   };
 }
+
 /**
  * Prints deprecation message when user uses a deprecated prop
  *
@@ -29,7 +30,6 @@ export default function deprecatePropType(propType, explanation) {
  *   deprecatePropTypeNew(PropTypes.bool, 'Use Dropdown.Separator component instead.')
  *
  */
-
 export function deprecatePropTypeNew(propType, explanation) {
   return function validate(props, propName, componentName) {
     // Note ...rest here
@@ -37,11 +37,9 @@ export function deprecatePropTypeNew(propType, explanation) {
       var message = "[rsuite] \"" + propName + "\" property of " + componentName + " component has been deprecated.\n" + explanation;
       warnOnce(message);
     }
-
     for (var _len2 = arguments.length, rest = new Array(_len2 > 3 ? _len2 - 3 : 0), _key2 = 3; _key2 < _len2; _key2++) {
       rest[_key2 - 3] = arguments[_key2];
     }
-
     return propType.apply(void 0, [props, propName, componentName].concat(rest)); // and here
   };
 }

package/esm/utils/dom.js

@@ -1,7 +1,9 @@
+'use client';
 // Ref: https://github.com/tailwindlabs/headlessui/blob/develop/packages/%40headlessui-react/src/utils/focus-management.ts
 // Credit:
 //  - https://stackoverflow.com/a/30753870
-var focusableSelector = ['[contentEditable=true]', '[tabindex]', 'a[href]', 'area[href]', 'button:not([disabled])', 'iframe', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])'].map(process.env.NODE_ENV === 'test' ? // TODO: Remove this once JSDOM fixes the issue where an element that is
+var focusableSelector = ['[contentEditable=true]', '[tabindex]', 'a[href]', 'area[href]', 'button:not([disabled])', 'iframe', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])'].map(process.env.NODE_ENV === 'test' ?
+// TODO: Remove this once JSDOM fixes the issue where an element that is
 // "hidden" can be the document.activeElement, because this is not possible
 // in real browsers.
 function (selector) {

package/esm/utils/events.js

@@ -1,3 +1,4 @@
+'use client';
 // Ref: https://reactjs.org/docs/events.html#detecting-focus-entering-and-leaving
 
 /**
@@ -7,11 +8,11 @@
 export function isFocusEntering(event) {
   return event.type === 'focus' && !event.currentTarget.contains(event.relatedTarget);
 }
+
 /**
  * Whether the focus is moving outside of current element
  * @param event The `blur` event
  */
-
 export function isFocusLeaving(event) {
   return event.type === 'blur' && !event.currentTarget.contains(event.relatedTarget);
 }

package/esm/utils/getDOMNode.js

@@ -1,18 +1,25 @@
-import { findDOMNode } from 'react-dom';
-
+'use client';
+import ReactDOM from 'react-dom';
+function safeFindDOMNode(componentOrElement) {
+  if (componentOrElement && 'setState' in componentOrElement) {
+    // eslint-disable-next-line react/no-find-dom-node
+    return ReactDOM.findDOMNode(componentOrElement);
+  }
+  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;
+}
 var getRefTarget = function getRefTarget(ref) {
   return ref && ('current' in ref ? ref.current : ref);
 };
-
 export default function getDOMNode(elementOrRef) {
   // If elementOrRef is an instance of Position, child is returned. [PositionInstance]
-  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef); // Native HTML elements
+  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);
 
+  // Native HTML elements
   if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {
     return element;
-  } // If you can't get the native HTML element, you can only get it through findDOMNode.
-  // eslint-disable-next-line react/no-find-dom-node
+  }
 
-
-  return findDOMNode(element);
+  // If you can't get the native HTML element, you can only get it through findDOMNode.
+  // eslint-disable-next-line react/no-find-dom-node
+  return safeFindDOMNode(element);
 }