install babel-plugin-transform-react-

remove-prop-types

Author: dev-javascript

.babelrc.js

@@ -4,20 +4,25 @@ const output = process.env.BABEL_OUTPUT;
 const requirePolyfills = process.env.INCLUDE_POLYFILLS;
 const modules = output == null ? false : output;
 const options = {
-    presets: [['@babel/env', { loose: true, modules }], '@babel/react'],
-    plugins: [
-        '@babel/plugin-transform-react-jsx'
+  presets: [['@babel/env', {loose: true, modules}], '@babel/react'],
+  plugins: [
+    '@babel/plugin-transform-react-jsx',
+    [
+      'transform-react-remove-prop-types',
+      {
+        mode: 'remove',
+        ignoreFilenames: ['node_modules'],
+      },
     ],
-    env: {
-        test: { // extra configuration for process.env.NODE_ENV === 'test'
-            presets: ['@babel/env'] // overwrite env-config from above with transpiled module syntax
-        }
-    }
+  ],
+  env: {
+    test: {
+      // extra configuration for process.env.NODE_ENV === 'test'
+      presets: ['@babel/env'], // overwrite env-config from above with transpiled module syntax
+    },
+  },
 };
 if (requirePolyfills) {
-    options.plugins.push([
-        '@babel/plugin-transform-runtime',
-        { corejs: 3 }
-    ]);
+  options.plugins.push(['@babel/plugin-transform-runtime', {corejs: 3}]);
 }
-module.exports = options;
+module.exports = options;

package-lock.json

@@ -47,6 +47,7 @@
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
     "babel-loader": "^8.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "cross-env": "^7.0.3",
     "css-loader": "^4.3.0",
     "eslint": "^7.27.0",

package.json

@@ -15,7 +15,7 @@ const PanelComponent = function PanelComponent(props) {
     </div>
   );
 };
-PanelComponent.propTypes = {
+PanelComponent.propTypes /* remove-proptypes */ = {
   id: PropTypes.string,
   selectedTabID: PropTypes.string,
 };

src/panel/panel.js

@@ -8,7 +8,7 @@ const DefaulTabInner = function DefaulTabInner(props) {
     </button>
   );
 };
-DefaulTabInner.propTypes = {
+DefaulTabInner.propTypes /* remove-proptypes */ = {
   tabProps: PropTypes.object,
   children: PropTypes.node,
   iconProps: PropTypes.object,

src/tab/defaulTabInner.js

@@ -23,7 +23,7 @@ const TabComponent = function TabComponent(props) {
     </li>
   );
 };
-TabComponent.propTypes = {
+TabComponent.propTypes /* remove-proptypes */ = {
   id: PropTypes.string,
   selectedTabID: PropTypes.string,
 };