Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

[alexandrbig]

After updating react to 18.3.1 I am getting the error whenever the icon from the package is used.

Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead.

Do you have any plans to adjust the codebase to fit newer versions of react?

Thank you!

[gitliyu]

I made the following changes, it works for me, react version 19.2.3

diff --git a/node_modules/react-icons-kit/Icon.js b/node_modules/react-icons-kit/Icon.js
index 3bf6dca..8ade651 100644
--- a/node_modules/react-icons-kit/Icon.js
+++ b/node_modules/react-icons-kit/Icon.js
@@ -27,8 +27,10 @@ var Icon = function Icon(props) {
   var style = props.style,
       className = props.className,
       icon = props.icon,
-      size = props.size,
-      tag = props.tag,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 16 : _props$size,
+      _props$tag = props.tag,
+      tag = _props$tag === void 0 ? 'i' : _props$tag,
       others = _objectWithoutProperties(props, ["style", "className", "icon", "size", "tag"]); //eslint-disable-line
 
 
@@ -39,7 +41,7 @@ var Icon = function Icon(props) {
     }, style),
     className: className
   }), _react.default.createElement(_SvgIcon.default, {
-    size: props.size,
+    size: size,
     icon: props.icon,
     title: props.title
   }));
@@ -56,11 +58,11 @@ var withBaseIcon = function withBaseIcon(defaultProps) {
 };
 
 exports.withBaseIcon = withBaseIcon;
-Icon.defaultProps = {
-  size: 16,
-  fill: 'currentColor',
-  tag: 'i'
-};
+// Icon.defaultProps = {
+//   size: 16,
+//   fill: 'currentColor',
+//   tag: 'i'
+// };
 Icon.propTypes = {
   icon: _propTypes.default.object.isRequired,
   size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
diff --git a/node_modules/react-icons-kit/SvgIcon.js b/node_modules/react-icons-kit/SvgIcon.js
index f47db29..0a7f398 100644
--- a/node_modules/react-icons-kit/SvgIcon.js
+++ b/node_modules/react-icons-kit/SvgIcon.js
@@ -89,7 +89,8 @@ var walkChildren = function walkChildren(children) {
 };
 
 var SvgIcon = function SvgIcon(props) {
-  var size = props.size;
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 16 : _props$size;
   var _props$icon = props.icon,
       children = _props$icon.children,
       viewBox = _props$icon.viewBox,
@@ -112,9 +113,9 @@ var SvgIcon = function SvgIcon(props) {
 };
 
 exports.SvgIcon = SvgIcon;
-SvgIcon.defaultProps = {
-  size: 16
-};
+// SvgIcon.defaultProps = {
+//   size: 16
+// };
 SvgIcon.propTypes = {
   icon: _propTypes.default.object.isRequired,
   size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),