Use default args to set default props instead of function.defaultProps

Author: jbothma

bin/build.js

@@ -46,7 +46,13 @@ fs.readdirSync(iconsDir).forEach(file => {
     import React, { forwardRef } from 'react';
     import PropTypes from 'prop-types';
 
-    const ${ComponentName} = forwardRef(({ color, size, title, className, ...rest }, ref) => {
+    const ${ComponentName} = forwardRef(({
+      color = 'currentColor',
+      size = '1em',
+      title = null,
+      className = '',
+      ...rest
+    }, ref) => {
       return (
         <svg
           ref={ref}
@@ -71,13 +77,6 @@ fs.readdirSync(iconsDir).forEach(file => {
       className: PropTypes.string,
     };
 
-    ${ComponentName}.defaultProps = {
-      color: 'currentColor',
-      size: '1em',
-      title: null,
-      className: '',
-    };
-
     export default ${ComponentName};
   `;