diff --git a/packages/icon-build-helpers/src/builders/react/components/Icon.js b/packages/icon-build-helpers/src/builders/react/components/Icon.js
index 9f2e6320615c..87c020fe564a 100644
--- a/packages/icon-build-helpers/src/builders/react/components/Icon.js
+++ b/packages/icon-build-helpers/src/builders/react/components/Icon.js
@@ -9,7 +9,14 @@ import PropTypes from 'prop-types';
 import React from 'react';
 
 const Icon = React.forwardRef(function Icon(
-  { className, children, tabIndex, ...rest },
+  {
+    className,
+    children,
+    tabIndex,
+    xmlns = 'http://www.w3.org/2000/svg',
+    preserveAspectRatio = 'xMidYMid meet',
+    ...rest
+  },
   ref
 ) {
   const { tabindex, ...props } = getAttributes({
@@ -29,6 +36,14 @@ const Icon = React.forwardRef(function Icon(
     props.ref = ref;
   }
 
+  if (xmlns) {
+    props.xmlns = xmlns;
+  }
+
+  if (preserveAspectRatio) {
+    props.preserveAspectRatio = preserveAspectRatio;
+  }
+
   return React.createElement('svg', props, children);
 });
 
@@ -46,9 +61,5 @@ Icon.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   xmlns: PropTypes.string,
 };
-Icon.defaultProps = {
-  xmlns: 'http://www.w3.org/2000/svg',
-  preserveAspectRatio: 'xMidYMid meet',
-};
 
 export default Icon;
diff --git a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
index b6f8fd33a77b..1b2a21b0d253 100644
--- a/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
+++ b/packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap
@@ -67,11 +67,6 @@ Map {
     },
   },
   "AccordionSkeleton" => Object {
-    "defaultProps": Object {
-      "align": "end",
-      "count": 4,
-      "open": true,
-    },
     "propTypes": Object {
       "align": Object {
         "args": Array [
@@ -97,15 +92,6 @@ Map {
     },
   },
   "ActionableNotification" => Object {
-    "defaultProps": Object {
-      "closeOnEscape": true,
-      "hasFocus": true,
-      "hideCloseButton": false,
-      "inline": false,
-      "kind": "error",
-      "onCloseButtonClick": [Function],
-      "role": "alertdialog",
-    },
     "propTypes": Object {
       "actionButtonLabel": Object {
         "type": "string",
@@ -143,7 +129,6 @@ Map {
             "warning-alt",
           ],
         ],
-        "isRequired": true,
         "type": "oneOf",
       },
       "lowContrast": Object {
@@ -466,10 +451,6 @@ Map {
   },
   "Checkbox" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "indeterminate": false,
-      "onChange": [Function],
-    },
     "propTypes": Object {
       "checked": Object {
         "type": "bool",
@@ -622,13 +603,6 @@ Map {
     "render": [Function],
   },
   "CodeSnippet" => Object {
-    "defaultProps": Object {
-      "aria-label": "Copy to clipboard",
-      "showLessText": "Show less",
-      "showMoreText": "Show more",
-      "type": "single",
-      "wrapText": false,
-    },
     "propTypes": Object {
       "align": Object {
         "args": Array [
@@ -1079,15 +1053,6 @@ Map {
   },
   "ComboBox" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "aria-label": "Choose an item",
-      "direction": "bottom",
-      "disabled": false,
-      "itemToElement": null,
-      "itemToString": [Function],
-      "shouldFilterItem": [Function],
-      "type": "default",
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -1336,15 +1301,6 @@ Map {
       "translateWithId": Object {
         "type": "func",
       },
-      "type": Object {
-        "args": Array [
-          Array [
-            "default",
-            "inline",
-          ],
-        ],
-        "type": "oneOf",
-      },
       "warn": Object {
         "type": "bool",
       },
@@ -1407,9 +1363,6 @@ Map {
   },
   "ComposedModal" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "selectorPrimaryFocus": "[data-modal-primary-focus]",
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -1604,9 +1557,6 @@ Map {
     },
   },
   "Content" => Object {
-    "defaultProps": Object {
-      "tagName": "main",
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -1624,15 +1574,6 @@ Map {
   },
   "ControlledPasswordInput" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "disabled": false,
-      "helperText": "",
-      "invalid": false,
-      "invalidText": "",
-      "onChange": [Function],
-      "onClick": [Function],
-      "size": undefined,
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -1737,11 +1678,6 @@ Map {
     "render": [Function],
   },
   "Copy" => Object {
-    "defaultProps": Object {
-      "feedback": "Copied!",
-      "feedbackTimeout": 2000,
-      "onClick": [Function],
-    },
     "propTypes": Object {
       "align": Object {
         "args": Array [
@@ -1779,12 +1715,6 @@ Map {
     },
   },
   "CopyButton" => Object {
-    "defaultProps": Object {
-      "feedback": "Copied!",
-      "feedbackTimeout": 2000,
-      "iconDescription": "Copy to clipboard",
-      "onClick": [Function],
-    },
     "propTypes": Object {
       "align": Object {
         "args": Array [
@@ -1821,10 +1751,6 @@ Map {
   "DangerButton" => Object {},
   "DataTable" => Object {
     "Table": Object {
-      "defaultProps": Object {
-        "isSortable": false,
-        "overflowMenuOnHover": true,
-      },
       "propTypes": Object {
         "children": Object {
           "type": "node",
@@ -1873,28 +1799,6 @@ Map {
       },
     },
     "TableBatchAction": Object {
-      "defaultProps": Object {
-        "iconDescription": "Add",
-        "renderIcon": Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "propTypes": Object {
-            "size": Object {
-              "args": Array [
-                Array [
-                  Object {
-                    "type": "number",
-                  },
-                  Object {
-                    "type": "string",
-                  },
-                ],
-              ],
-              "type": "oneOfType",
-            },
-          },
-          "render": [Function],
-        },
-      },
       "propTypes": Object {
         "hasIconOnly": Object {
           "type": "bool",
@@ -1916,9 +1820,6 @@ Map {
       },
     },
     "TableBatchActions": Object {
-      "defaultProps": Object {
-        "translateWithId": [Function],
-      },
       "propTypes": Object {
         "children": Object {
           "type": "node",
@@ -1955,9 +1856,6 @@ Map {
       ],
     },
     "TableBody": Object {
-      "defaultProps": Object {
-        "aria-live": "polite",
-      },
       "propTypes": Object {
         "aria-live": Object {
           "args": Array [
@@ -2106,11 +2004,6 @@ Map {
     },
     "TableHeader": Object {
       "$$typeof": Symbol(react.forward_ref),
-      "defaultProps": Object {
-        "isSortable": false,
-        "scope": "col",
-        "translateWithId": [Function],
-      },
       "propTypes": Object {
         "children": Object {
           "type": "node",
@@ -2134,7 +2027,6 @@ Map {
           "type": "func",
         },
         "scope": Object {
-          "isRequired": true,
           "type": "string",
         },
         "sortDirection": Object {
@@ -2167,9 +2059,6 @@ Map {
       },
     },
     "TableSelectAll": Object {
-      "defaultProps": Object {
-        "ariaLabel": "Select all rows in the table",
-      },
       "propTypes": Object {
         "ariaLabel": Object {
           "isRequired": true,
@@ -2239,12 +2128,11 @@ Map {
       },
     },
     "TableToolbar": Object {
-      "defaultProps": Object {
-        "aria-label": "data table toolbar",
-      },
       "propTypes": Object {
-        "aria-label": [Function],
-        "aria-labelledby": [Function],
+        "aria-label": Object {
+          "type": "string",
+        },
+        "ariaLabel": [Function],
         "children": Object {
           "type": "node",
         },
@@ -2284,28 +2172,6 @@ Map {
       },
     },
     "TableToolbarMenu": Object {
-      "defaultProps": Object {
-        "iconDescription": "Settings",
-        "renderIcon": Object {
-          "$$typeof": Symbol(react.forward_ref),
-          "propTypes": Object {
-            "size": Object {
-              "args": Array [
-                Array [
-                  Object {
-                    "type": "number",
-                  },
-                  Object {
-                    "type": "string",
-                  },
-                ],
-              ],
-              "type": "oneOfType",
-            },
-          },
-          "render": [Function],
-        },
-      },
       "propTypes": Object {
         "children": Object {
           "isRequired": true,
@@ -2315,7 +2181,6 @@ Map {
           "type": "string",
         },
         "iconDescription": Object {
-          "isRequired": true,
           "type": "string",
         },
         "renderIcon": Object {
@@ -2334,12 +2199,6 @@ Map {
       },
     },
     "TableToolbarSearch": Object {
-      "defaultProps": Object {
-        "onClear": [Function],
-        "persistent": false,
-        "tabIndex": "0",
-        "translateWithId": [Function],
-      },
       "propTypes": Object {
         "children": Object {
           "type": "node",
@@ -2413,19 +2272,10 @@ Map {
           "type": "oneOfType",
         },
         "translateWithId": Object {
-          "isRequired": true,
           "type": "func",
         },
       },
     },
-    "defaultProps": Object {
-      "filterRows": [Function],
-      "locale": "en",
-      "overflowMenuOnHover": true,
-      "size": "lg",
-      "sortRow": [Function],
-      "translateWithId": [Function],
-    },
     "propTypes": Object {
       "experimentalAutoAlign": Object {
         "type": "bool",
@@ -2699,10 +2549,30 @@ Map {
         "type": "oneOfType",
       },
       "maxDate": Object {
-        "type": "string",
+        "args": Array [
+          Array [
+            Object {
+              "type": "string",
+            },
+            Object {
+              "type": "number",
+            },
+          ],
+        ],
+        "type": "oneOfType",
       },
       "minDate": Object {
-        "type": "string",
+        "args": Array [
+          Array [
+            Object {
+              "type": "string",
+            },
+            Object {
+              "type": "number",
+            },
+          ],
+        ],
+        "type": "oneOfType",
       },
       "onChange": Object {
         "type": "func",
@@ -2911,15 +2781,6 @@ Map {
   },
   "Dropdown" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "direction": "bottom",
-      "disabled": false,
-      "helperText": "",
-      "itemToElement": null,
-      "itemToString": [Function],
-      "titleText": "",
-      "type": "default",
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -3227,15 +3088,6 @@ Map {
     "contextType": Object {
       "$$typeof": Symbol(react.context),
     },
-    "defaultProps": Object {
-      "accept": Array [],
-      "buttonKind": "primary",
-      "buttonLabel": "",
-      "disabled": false,
-      "filenameStatus": "uploading",
-      "multiple": false,
-      "onClick": [Function],
-    },
     "propTypes": Object {
       "accept": Object {
         "args": Array [
@@ -3281,7 +3133,6 @@ Map {
         "type": "oneOf",
       },
       "iconDescription": Object {
-        "isRequired": true,
         "type": "string",
       },
       "labelDescription": Object {
@@ -3386,13 +3237,6 @@ Map {
     },
   },
   "FileUploaderDropContainer" => Object {
-    "defaultProps": Object {
-      "accept": Array [],
-      "labelText": "Add file",
-      "multiple": false,
-      "onAddFiles": [Function],
-      "pattern": ".[0-9a-z]+$",
-    },
     "propTypes": Object {
       "accept": Object {
         "args": Array [
@@ -3435,10 +3279,6 @@ Map {
     },
   },
   "FileUploaderItem" => Object {
-    "defaultProps": Object {
-      "onDelete": [Function],
-      "status": "uploading",
-    },
     "propTypes": Object {
       "errorBody": Object {
         "type": "string",
@@ -3491,11 +3331,6 @@ Map {
     },
   },
   "Filename" => Object {
-    "defaultProps": Object {
-      "iconDescription": "Uploading file",
-      "status": "uploading",
-      "tabIndex": "0",
-    },
     "propTypes": Object {
       "aria-describedby": Object {
         "type": "string",
@@ -3520,36 +3355,12 @@ Map {
         "type": "oneOf",
       },
       "tabIndex": Object {
-        "args": Array [
-          Array [
-            Object {
-              "type": "number",
-            },
-            Object {
-              "type": "string",
-            },
-          ],
-        ],
-        "type": "oneOfType",
+        "type": "number",
       },
     },
   },
   "FilterableMultiSelect" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "clearSelectionDescription": "Total items selected: ",
-      "clearSelectionText": "To clear selection, press Delete or Backspace,",
-      "compareItems": [Function],
-      "direction": "bottom",
-      "disabled": false,
-      "filterItems": [Function],
-      "initialSelectedItems": Array [],
-      "itemToString": [Function],
-      "locale": "en",
-      "open": false,
-      "selectionFeedback": "top-after-reopen",
-      "sortItems": [Function],
-    },
     "propTypes": Object {
       "aria-label": [Function],
       "ariaLabel": [Function],
@@ -3560,7 +3371,6 @@ Map {
         "type": "string",
       },
       "compareItems": Object {
-        "isRequired": true,
         "type": "func",
       },
       "direction": Object {
@@ -3778,7 +3588,6 @@ Map {
         "type": "oneOf",
       },
       "sortItems": Object {
-        "isRequired": true,
         "type": "func",
       },
       "translateWithId": Object {
@@ -3854,11 +3663,6 @@ Map {
     "Provider": "React.Provider",
   },
   "FormGroup" => Object {
-    "defaultProps": Object {
-      "invalid": false,
-      "message": false,
-      "messageText": "",
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -4399,12 +4203,6 @@ Map {
     },
   },
   "InlineNotification" => Object {
-    "defaultProps": Object {
-      "hideCloseButton": false,
-      "kind": "error",
-      "onCloseButtonClick": [Function],
-      "role": "status",
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -4814,18 +4612,6 @@ Map {
   },
   "Modal" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "hasScrollingContent": false,
-      "modalHeading": "",
-      "modalLabel": "",
-      "onKeyDown": [Function],
-      "onRequestClose": [Function],
-      "onRequestSubmit": [Function],
-      "passiveModal": false,
-      "preventCloseOnClickOutside": false,
-      "primaryButtonDisabled": false,
-      "selectorPrimaryFocus": "[data-modal-primary-focus]",
-    },
     "propTypes": Object {
       "alert": Object {
         "type": "bool",
@@ -4961,11 +4747,6 @@ Map {
   },
   "ModalFooter" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "closeModal": [Function],
-      "onRequestClose": [Function],
-      "onRequestSubmit": [Function],
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -5026,9 +4807,6 @@ Map {
   },
   "ModalHeader" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "iconDescription": "Close",
-    },
     "propTypes": Object {
       "buttonOnClick": Object {
         "type": "func",
@@ -5067,17 +4845,6 @@ Map {
     "render": [Function],
   },
   "ModalWrapper" => Object {
-    "defaultProps": Object {
-      "disabled": false,
-      "onKeyDown": [Function],
-      "preventCloseOnClickOutside": false,
-      "primaryButtonText": "Save",
-      "secondaryButtonText": "Cancel",
-      "selectorPrimaryFocus": "[data-modal-primary-focus]",
-      "shouldCloseAfterSubmit": true,
-      "triggerButtonIconDescription": "Provide icon description if icon is used",
-      "triggerButtonKind": "primary",
-    },
     "propTypes": Object {
       "buttonTriggerClassName": Object {
         "type": "string",
@@ -5176,20 +4943,6 @@ Map {
     "$$typeof": Symbol(react.forward_ref),
     "Filterable": Object {
       "$$typeof": Symbol(react.forward_ref),
-      "defaultProps": Object {
-        "clearSelectionDescription": "Total items selected: ",
-        "clearSelectionText": "To clear selection, press Delete or Backspace,",
-        "compareItems": [Function],
-        "direction": "bottom",
-        "disabled": false,
-        "filterItems": [Function],
-        "initialSelectedItems": Array [],
-        "itemToString": [Function],
-        "locale": "en",
-        "open": false,
-        "selectionFeedback": "top-after-reopen",
-        "sortItems": [Function],
-      },
       "propTypes": Object {
         "aria-label": [Function],
         "ariaLabel": [Function],
@@ -5200,7 +4953,6 @@ Map {
           "type": "string",
         },
         "compareItems": Object {
-          "isRequired": true,
           "type": "func",
         },
         "direction": Object {
@@ -5418,7 +5170,6 @@ Map {
           "type": "oneOf",
         },
         "sortItems": Object {
-          "isRequired": true,
           "type": "func",
         },
         "translateWithId": Object {
@@ -5436,22 +5187,6 @@ Map {
       },
       "render": [Function],
     },
-    "defaultProps": Object {
-      "clearSelectionDescription": "Total items selected: ",
-      "clearSelectionText": "To clear selection, press Delete or Backspace,",
-      "compareItems": [Function],
-      "direction": "bottom",
-      "disabled": false,
-      "initialSelectedItems": Array [],
-      "itemToString": [Function],
-      "locale": "en",
-      "open": false,
-      "selectedItems": undefined,
-      "selectionFeedback": "top-after-reopen",
-      "sortItems": [Function],
-      "titleText": false,
-      "type": "default",
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -5463,7 +5198,6 @@ Map {
         "type": "string",
       },
       "compareItems": Object {
-        "isRequired": true,
         "type": "func",
       },
       "direction": Object {
@@ -5554,7 +5288,6 @@ Map {
         "type": "oneOf",
       },
       "sortItems": Object {
-        "isRequired": true,
         "type": "func",
       },
       "titleText": Object {
@@ -5601,30 +5334,6 @@ Map {
     },
   },
   "NotificationButton" => Object {
-    "defaultProps": Object {
-      "aria-label": "close notification",
-      "notificationType": "toast",
-      "renderIcon": Object {
-        "$$typeof": Symbol(react.forward_ref),
-        "propTypes": Object {
-          "size": Object {
-            "args": Array [
-              Array [
-                Object {
-                  "type": "number",
-                },
-                Object {
-                  "type": "string",
-                },
-              ],
-            ],
-            "type": "oneOfType",
-          },
-        },
-        "render": [Function],
-      },
-      "type": "button",
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -6320,9 +6029,6 @@ Map {
     },
   },
   "ProgressStep" => Object {
-    "defaultProps": Object {
-      "translateWithId": [Function],
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -6521,10 +6227,6 @@ Map {
   },
   "RadioTile" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "onChange": [Function],
-      "tabIndex": 0,
-    },
     "propTypes": Object {
       "checked": Object {
         "type": "bool",
@@ -6697,9 +6399,6 @@ Map {
     "render": [Function],
   },
   "SearchSkeleton" => Object {
-    "defaultProps": Object {
-      "small": false,
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -6730,14 +6429,6 @@ Map {
   },
   "Select" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "disabled": false,
-      "helperText": "",
-      "inline": false,
-      "invalid": false,
-      "invalidText": "",
-      "labelText": "Select",
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -6803,12 +6494,6 @@ Map {
     "render": [Function],
   },
   "SelectItem" => Object {
-    "defaultProps": Object {
-      "disabled": false,
-      "hidden": false,
-      "text": "",
-      "value": "",
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -6830,9 +6515,6 @@ Map {
     },
   },
   "SelectItemGroup" => Object {
-    "defaultProps": Object {
-      "disabled": false,
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -6985,13 +6667,9 @@ Map {
     },
   },
   "SideNavFooter" => Object {
-    "defaultProps": Object {
-      "assistiveText": "Toggle opening or closing the side navigation",
-    },
     "displayName": "SideNavFooter",
     "propTypes": Object {
       "assistiveText": Object {
-        "isRequired": true,
         "type": "string",
       },
       "className": Object {
@@ -7036,9 +6714,6 @@ Map {
     },
   },
   "SideNavIcon" => Object {
-    "defaultProps": Object {
-      "small": false,
-    },
     "propTypes": Object {
       "children": Object {
         "isRequired": true,
@@ -7048,7 +6723,6 @@ Map {
         "type": "string",
       },
       "small": Object {
-        "isRequired": true,
         "type": "bool",
       },
     },
@@ -7237,12 +6911,6 @@ Map {
     },
   },
   "SkeletonText" => Object {
-    "defaultProps": Object {
-      "heading": false,
-      "lineCount": 3,
-      "paragraph": false,
-      "width": "100%",
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -7464,11 +7132,6 @@ Map {
   },
   "Switch" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "onClick": [Function],
-      "onKeyDown": [Function],
-      "selected": false,
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -7699,10 +7362,6 @@ Map {
     },
   },
   "Table" => Object {
-    "defaultProps": Object {
-      "isSortable": false,
-      "overflowMenuOnHover": true,
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -7751,28 +7410,6 @@ Map {
     },
   },
   "TableBatchAction" => Object {
-    "defaultProps": Object {
-      "iconDescription": "Add",
-      "renderIcon": Object {
-        "$$typeof": Symbol(react.forward_ref),
-        "propTypes": Object {
-          "size": Object {
-            "args": Array [
-              Array [
-                Object {
-                  "type": "number",
-                },
-                Object {
-                  "type": "string",
-                },
-              ],
-            ],
-            "type": "oneOfType",
-          },
-        },
-        "render": [Function],
-      },
-    },
     "propTypes": Object {
       "hasIconOnly": Object {
         "type": "bool",
@@ -7794,9 +7431,6 @@ Map {
     },
   },
   "TableBatchActions" => Object {
-    "defaultProps": Object {
-      "translateWithId": [Function],
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -7833,9 +7467,6 @@ Map {
     ],
   },
   "TableBody" => Object {
-    "defaultProps": Object {
-      "aria-live": "polite",
-    },
     "propTypes": Object {
       "aria-live": Object {
         "args": Array [
@@ -7984,11 +7615,6 @@ Map {
   },
   "TableHeader" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "isSortable": false,
-      "scope": "col",
-      "translateWithId": [Function],
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -8012,7 +7638,6 @@ Map {
         "type": "func",
       },
       "scope": Object {
-        "isRequired": true,
         "type": "string",
       },
       "sortDirection": Object {
@@ -8045,9 +7670,6 @@ Map {
     },
   },
   "TableSelectAll" => Object {
-    "defaultProps": Object {
-      "ariaLabel": "Select all rows in the table",
-    },
     "propTypes": Object {
       "ariaLabel": Object {
         "isRequired": true,
@@ -8117,12 +7739,11 @@ Map {
     },
   },
   "TableToolbar" => Object {
-    "defaultProps": Object {
-      "aria-label": "data table toolbar",
-    },
     "propTypes": Object {
-      "aria-label": [Function],
-      "aria-labelledby": [Function],
+      "aria-label": Object {
+        "type": "string",
+      },
+      "ariaLabel": [Function],
       "children": Object {
         "type": "node",
       },
@@ -8162,28 +7783,6 @@ Map {
     },
   },
   "TableToolbarMenu" => Object {
-    "defaultProps": Object {
-      "iconDescription": "Settings",
-      "renderIcon": Object {
-        "$$typeof": Symbol(react.forward_ref),
-        "propTypes": Object {
-          "size": Object {
-            "args": Array [
-              Array [
-                Object {
-                  "type": "number",
-                },
-                Object {
-                  "type": "string",
-                },
-              ],
-            ],
-            "type": "oneOfType",
-          },
-        },
-        "render": [Function],
-      },
-    },
     "propTypes": Object {
       "children": Object {
         "isRequired": true,
@@ -8193,7 +7792,6 @@ Map {
         "type": "string",
       },
       "iconDescription": Object {
-        "isRequired": true,
         "type": "string",
       },
       "renderIcon": Object {
@@ -8212,12 +7810,6 @@ Map {
     },
   },
   "TableToolbarSearch" => Object {
-    "defaultProps": Object {
-      "onClear": [Function],
-      "persistent": false,
-      "tabIndex": "0",
-      "translateWithId": [Function],
-    },
     "propTypes": Object {
       "children": Object {
         "type": "node",
@@ -8291,7 +7883,6 @@ Map {
         "type": "oneOfType",
       },
       "translateWithId": Object {
-        "isRequired": true,
         "type": "func",
       },
     },
@@ -8412,20 +8003,6 @@ Map {
   },
   "TextArea" => Object {
     "$$typeof": Symbol(react.forward_ref),
-    "defaultProps": Object {
-      "disabled": false,
-      "enableCounter": false,
-      "helperText": "",
-      "invalid": false,
-      "invalidText": "",
-      "maxCount": undefined,
-      "onChange": [Function],
-      "onClick": [Function],
-      "placeholder": "",
-      "rows": 4,
-      "warn": false,
-      "warnText": "",
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -8526,15 +8103,6 @@ Map {
     "$$typeof": Symbol(react.forward_ref),
     "ControlledPasswordInput": Object {
       "$$typeof": Symbol(react.forward_ref),
-      "defaultProps": Object {
-        "disabled": false,
-        "helperText": "",
-        "invalid": false,
-        "invalidText": "",
-        "onChange": [Function],
-        "onClick": [Function],
-        "size": undefined,
-      },
       "propTypes": Object {
         "className": Object {
           "type": "string",
@@ -9045,13 +8613,6 @@ Map {
     "render": [Function],
   },
   "ToastNotification" => Object {
-    "defaultProps": Object {
-      "hideCloseButton": false,
-      "kind": "error",
-      "onCloseButtonClick": [Function],
-      "role": "status",
-      "timeout": 0,
-    },
     "propTypes": Object {
       "aria-label": Object {
         "type": "string",
@@ -9682,11 +9243,6 @@ Map {
   },
   "unstable_OverflowMenuV2" => Object {},
   "unstable_PageSelector" => Object {
-    "defaultProps": Object {
-      "className": null,
-      "id": 1,
-      "labelText": "Current page number",
-    },
     "propTypes": Object {
       "className": Object {
         "type": "string",
@@ -9718,24 +9274,6 @@ Map {
     },
   },
   "unstable_Pagination" => Object {
-    "defaultProps": Object {
-      "backwardText": "Previous page",
-      "children": undefined,
-      "className": null,
-      "disabled": false,
-      "forwardText": "Next page",
-      "id": 1,
-      "initialPage": 1,
-      "itemRangeText": [Function],
-      "itemText": [Function],
-      "itemsPerPageText": "Items per page:",
-      "pageRangeText": [Function],
-      "pageSize": 10,
-      "pageSizes": undefined,
-      "pageText": [Function],
-      "pagesUnknown": false,
-      "totalItems": undefined,
-    },
     "propTypes": Object {
       "backwardText": Object {
         "type": "string",
diff --git a/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js b/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
index 35fc592d3ed1..ab553a8ae819 100644
--- a/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
+++ b/packages/react/examples/custom-data-table-state-manager/src/components/CustomDataTable.js
@@ -59,14 +59,14 @@ import {
  */
 const CustomDataTable = ({
   id,
-  collator,
+  collator =  new Intl.Collator(),
   columns,
-  hasSelection,
-  pageSize: propPageSize,
+  hasSelection = false,
+  pageSize: propPageSize = 5,
   rows: propRows,
-  size,
+  size = TABLE_SIZE.REGULAR,
   sortInfo: propSortInfo,
-  start: propStart,
+  start: propStart = 0,
   zebra,
 }) => {
   const [rows, setRows] = useState(propRows);
@@ -341,12 +341,4 @@ CustomDataTable.propTypes = {
   zebra: PropTypes.bool,
 };
 
-CustomDataTable.defaultProps = {
-  collator: new Intl.Collator(),
-  hasSelection: false,
-  pageSize: 5,
-  size: TABLE_SIZE.REGULAR,
-  start: 0,
-};
-
 export default CustomDataTable;
diff --git a/packages/react/src/components/Accordion/Accordion.Skeleton.tsx b/packages/react/src/components/Accordion/Accordion.Skeleton.tsx
index a3f9a2ebc650..6b00e7c926c6 100644
--- a/packages/react/src/components/Accordion/Accordion.Skeleton.tsx
+++ b/packages/react/src/components/Accordion/Accordion.Skeleton.tsx
@@ -105,12 +105,6 @@ AccordionSkeleton.propTypes = {
   open: PropTypes.bool,
 };
 
-AccordionSkeleton.defaultProps = {
-  open: true,
-  count: 4,
-  align: 'end',
-};
-
 function AccordionSkeletonItem() {
   const prefix = usePrefix();
   return (
diff --git a/packages/react/src/components/Checkbox/Checkbox.tsx b/packages/react/src/components/Checkbox/Checkbox.tsx
index 6bc628332899..ed4991df6651 100644
--- a/packages/react/src/components/Checkbox/Checkbox.tsx
+++ b/packages/react/src/components/Checkbox/Checkbox.tsx
@@ -12,6 +12,7 @@ import { Text } from '../Text';
 import { usePrefix } from '../../internal/usePrefix';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
+import { noopFn } from '../../internal/noopFn';
 
 const getInstanceId = setupGetInstanceId();
 
@@ -101,9 +102,9 @@ const Checkbox = React.forwardRef(
       helperText,
       id,
       labelText,
-      onChange,
+      onChange = noopFn,
       onClick,
-      indeterminate,
+      indeterminate = false,
       invalid,
       invalidText,
       hideLabel,
@@ -296,11 +297,6 @@ Checkbox.propTypes = {
   warnText: PropTypes.node,
 };
 
-Checkbox.defaultProps = {
-  onChange: () => {},
-  indeterminate: false,
-};
-
 Checkbox.displayName = 'Checkbox';
 
 export default Checkbox;
diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet.js b/packages/react/src/components/CodeSnippet/CodeSnippet.js
index 35691be2823c..8d045cfb54bd 100644
--- a/packages/react/src/components/CodeSnippet/CodeSnippet.js
+++ b/packages/react/src/components/CodeSnippet/CodeSnippet.js
@@ -27,21 +27,21 @@ const defaultMinExpandedNumberOfRows = 16;
 function CodeSnippet({
   align = 'bottom',
   className,
-  type,
+  type = 'single',
   children,
   disabled,
   feedback,
   feedbackTimeout,
   onClick,
-  ['aria-label']: ariaLabel,
+  ['aria-label']: ariaLabel = 'Copy to clipboard',
   ariaLabel: deprecatedAriaLabel,
   copyText,
   copyButtonDescription,
   light,
-  showMoreText,
-  showLessText,
+  showMoreText = 'Show more',
+  showLessText = 'Show less',
   hideCopyButton,
-  wrapText,
+  wrapText = false,
   maxCollapsedNumberOfRows = defaultMaxCollapsedNumberOfRows,
   maxExpandedNumberOfRows = defaultMaxExpandedNumberOfRows,
   minCollapsedNumberOfRows = defaultMinCollapsedNumberOfRows,
@@ -419,12 +419,4 @@ CodeSnippet.propTypes = {
   wrapText: PropTypes.bool,
 };
 
-CodeSnippet.defaultProps = {
-  ['aria-label']: 'Copy to clipboard',
-  type: 'single',
-  showMoreText: 'Show more',
-  showLessText: 'Show less',
-  wrapText: false,
-};
-
 export default CodeSnippet;
diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx
index a53c2abea5ff..61914df39043 100644
--- a/packages/react/src/components/ComboBox/ComboBox.tsx
+++ b/packages/react/src/components/ComboBox/ComboBox.tsx
@@ -38,7 +38,6 @@ import {
 } from '@carbon/icons-react';
 import ListBox, {
   PropTypes as ListBoxPropTypes,
-  ListBoxType,
   ListBoxSize,
 } from '../ListBox';
 import { ListBoxTrigger, ListBoxSelection } from '../ListBox/next';
@@ -286,11 +285,6 @@ export interface ComboBoxProps<ItemType>
    */
   translateWithId?: (id: string) => string;
 
-  /**
-   * Currently supports either the default type, or an inline variant
-   */
-  type?: ListBoxType;
-
   /**
    * Specify whether the control is currently in warning state
    */
@@ -311,8 +305,8 @@ const ComboBox = forwardRef(
       ['aria-label']: ariaLabel = 'Choose an item',
       ariaLabel: deprecatedAriaLabel,
       className: containerClassName,
-      direction,
-      disabled,
+      direction = 'bottom',
+      disabled = false,
       downshiftProps,
       helperText,
       id,
@@ -320,7 +314,7 @@ const ComboBox = forwardRef(
       invalid,
       invalidText,
       items,
-      itemToElement,
+      itemToElement = null,
       itemToString = defaultItemToString,
       light,
       onChange,
@@ -333,7 +327,6 @@ const ComboBox = forwardRef(
       size,
       titleText,
       translateWithId,
-      type: _type,
       warn,
       warnText,
       ...rest
@@ -913,11 +906,6 @@ ComboBox.propTypes = {
    */
   translateWithId: PropTypes.func,
 
-  /**
-   * Currently supports either the default type, or an inline variant
-   */
-  type: ListBoxPropTypes.ListBoxType,
-
   /**
    * Specify whether the control is currently in warning state
    */
@@ -929,16 +917,6 @@ ComboBox.propTypes = {
   warnText: PropTypes.node,
 };
 
-ComboBox.defaultProps = {
-  disabled: false,
-  itemToString: defaultItemToString,
-  itemToElement: null,
-  shouldFilterItem: defaultShouldFilterItem,
-  type: 'default',
-  ['aria-label']: 'Choose an item',
-  direction: 'bottom',
-};
-
 type ComboboxComponentProps<ItemType> = PropsWithoutRef<
   PropsWithChildren<ComboBoxProps<ItemType>> & RefAttributes<HTMLInputElement>
 >;
diff --git a/packages/react/src/components/ComposedModal/ComposedModal.tsx b/packages/react/src/components/ComposedModal/ComposedModal.tsx
index ef7555510617..4cfce68b7697 100644
--- a/packages/react/src/components/ComposedModal/ComposedModal.tsx
+++ b/packages/react/src/components/ComposedModal/ComposedModal.tsx
@@ -197,7 +197,7 @@ const ComposedModal = React.forwardRef<HTMLDivElement, ComposedModalProps>(
       onKeyDown,
       open,
       preventCloseOnClickOutside,
-      selectorPrimaryFocus,
+      selectorPrimaryFocus = '[data-modal-primary-focus]',
       selectorsFloatingMenus,
       size,
       launcherButtonRef,
@@ -468,8 +468,5 @@ ComposedModal.propTypes = {
    */
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
 };
-ComposedModal.defaultProps = {
-  selectorPrimaryFocus: '[data-modal-primary-focus]',
-};
 
 export default ComposedModal;
diff --git a/packages/react/src/components/ComposedModal/ModalFooter.tsx b/packages/react/src/components/ComposedModal/ModalFooter.tsx
index 95891af0264d..9ee4f68905cb 100644
--- a/packages/react/src/components/ComposedModal/ModalFooter.tsx
+++ b/packages/react/src/components/ComposedModal/ModalFooter.tsx
@@ -4,6 +4,7 @@ import Button from '../Button';
 import ButtonSet from '../ButtonSet';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
+import { noopFn } from '../../internal/noopFn';
 
 interface SecondaryButtonProps {
   buttonText: ReactNode;
@@ -163,11 +164,11 @@ export const ModalFooter = React.forwardRef<HTMLElement, ModalFooterProps>(
     {
       children,
       className: customClassName,
-      closeModal,
+      closeModal = noopFn,
       danger,
       inputref,
-      onRequestClose,
-      onRequestSubmit,
+      onRequestClose = noopFn,
+      onRequestSubmit = noopFn,
       primaryButtonDisabled,
       primaryButtonText,
       primaryClassName,
@@ -324,10 +325,3 @@ ModalFooter.propTypes = {
    */
   secondaryClassName: PropTypes.string,
 };
-
-const noop = () => {};
-ModalFooter.defaultProps = {
-  onRequestClose: noop,
-  onRequestSubmit: noop,
-  closeModal: noop,
-};
diff --git a/packages/react/src/components/ComposedModal/ModalHeader.tsx b/packages/react/src/components/ComposedModal/ModalHeader.tsx
index 43d394c4851b..1ddbc044454f 100644
--- a/packages/react/src/components/ComposedModal/ModalHeader.tsx
+++ b/packages/react/src/components/ComposedModal/ModalHeader.tsx
@@ -84,7 +84,7 @@ export const ModalHeader = React.forwardRef<HTMLDivElement, ModalHeaderProps>(
       closeClassName,
       closeIconClassName,
       closeModal,
-      iconDescription,
+      iconDescription = 'Close',
       label,
       labelClassName,
       title,
@@ -198,7 +198,3 @@ ModalHeader.propTypes = {
    */
   titleClassName: PropTypes.string,
 };
-
-ModalHeader.defaultProps = {
-  iconDescription: 'Close',
-};
diff --git a/packages/react/src/components/ContentSwitcher/ContentSwitcher.stories.js b/packages/react/src/components/ContentSwitcher/ContentSwitcher.stories.js
index 0072a0dfca3d..87b331e8bdc5 100644
--- a/packages/react/src/components/ContentSwitcher/ContentSwitcher.stories.js
+++ b/packages/react/src/components/ContentSwitcher/ContentSwitcher.stories.js
@@ -53,7 +53,7 @@ export const _WithLayer = () => (
 );
 
 export const IconOnly = (args) => (
-  <ContentSwitcher {...args}>
+  <ContentSwitcher onChange={() => {}} {...args}>
     <IconSwitch name="one" text="Table of Contents">
       <TableOfContents />
     </IconSwitch>
@@ -68,7 +68,7 @@ export const IconOnly = (args) => (
 
 export const IconOnlyWithLayer = (args) => (
   <WithLayer>
-    <ContentSwitcher {...args}>
+    <ContentSwitcher onChange={() => {}} {...args}>
       <IconSwitch name="one" text="Table of Contents">
         <TableOfContents />
       </IconSwitch>
diff --git a/packages/react/src/components/ContentSwitcher/ContentSwitcher.tsx b/packages/react/src/components/ContentSwitcher/ContentSwitcher.tsx
index cb3bfeb6c94d..3f3129543476 100644
--- a/packages/react/src/components/ContentSwitcher/ContentSwitcher.tsx
+++ b/packages/react/src/components/ContentSwitcher/ContentSwitcher.tsx
@@ -13,6 +13,7 @@ import { LayoutConstraint } from '../Layout';
 import { composeEventHandlers } from '../../tools/events';
 import { getNextIndex, matches, keys } from '../../internal/keyboard';
 import { PrefixContext } from '../../internal/usePrefix';
+import { noopFn } from '../../internal/noopFn';
 
 interface SwitchEventHandlersParams {
   index?: number;
@@ -126,13 +127,7 @@ export default class ContentSwitcher extends React.Component<
 
   static contextType = PrefixContext;
 
-  static defaultProps = {
-    selectedIndex: 0,
-    selectionMode: 'automatic',
-    onChange: () => {},
-  };
-
-  static getDerivedStateFromProps({ selectedIndex }, state) {
+  static getDerivedStateFromProps({ selectedIndex = 0 }, state) {
     const { prevSelectedIndex } = state;
     return prevSelectedIndex === selectedIndex
       ? null
@@ -147,7 +142,7 @@ export default class ContentSwitcher extends React.Component<
   };
 
   handleChildChange = (data) => {
-    const { selectionMode } = this.props;
+    const { selectionMode = 'automatic' } = this.props;
     // the currently selected child index
     const { selectedIndex } = this.state;
     // the newly selected child index
@@ -202,10 +197,12 @@ export default class ContentSwitcher extends React.Component<
       className,
       light,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      selectedIndex, // eslint-disable-line no-unused-vars
+      selectedIndex = 0,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      selectionMode, // eslint-disable-line no-unused-vars
+      selectionMode = 'automatic',
       size,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      onChange = noopFn,
       ...other
     } = this.props;
 
diff --git a/packages/react/src/components/Copy/Copy.js b/packages/react/src/components/Copy/Copy.js
index 298fd87ee57a..10b4976a79f4 100644
--- a/packages/react/src/components/Copy/Copy.js
+++ b/packages/react/src/components/Copy/Copy.js
@@ -12,15 +12,16 @@ import classnames from 'classnames';
 import { composeEventHandlers } from '../../tools/events';
 import { usePrefix } from '../../internal/usePrefix';
 import { IconButton } from '../IconButton';
+import { noopFn } from '../../internal/noopFn';
 
 export default function Copy({
   align = 'bottom',
   children,
   className,
-  feedback,
-  feedbackTimeout,
+  feedback = 'Copied!',
+  feedbackTimeout = 2000,
   onAnimationEnd,
-  onClick,
+  onClick = noopFn,
   ...other
 }) {
   const [animation, setAnimation] = useState('');
@@ -125,9 +126,3 @@ Copy.propTypes = {
    */
   onClick: PropTypes.func,
 };
-
-Copy.defaultProps = {
-  feedback: 'Copied!',
-  feedbackTimeout: 2000,
-  onClick: () => {},
-};
diff --git a/packages/react/src/components/CopyButton/CopyButton.js b/packages/react/src/components/CopyButton/CopyButton.js
index 7f217b920ab7..de6ec53ab95a 100644
--- a/packages/react/src/components/CopyButton/CopyButton.js
+++ b/packages/react/src/components/CopyButton/CopyButton.js
@@ -12,17 +12,23 @@ import { Copy as CopyIcon } from '@carbon/icons-react';
 import Copy from '../Copy';
 import { LayoutConstraint } from '../Layout';
 import { usePrefix } from '../../internal/usePrefix';
-
+import { noopFn } from '../../internal/noopFn';
 export default function CopyButton({
   align = 'bottom',
-  iconDescription,
+  feedback = 'Copied!',
+  feedbackTimeout = 2000,
+  iconDescription = 'Copy to clipboard',
   className,
+  onClick = noopFn,
   ...other
 }) {
   const prefix = usePrefix();
   return (
     <LayoutConstraint size={{ default: 'md', max: 'lg' }}>
       <Copy
+        feedback={feedback}
+        feedbackTimeout={feedbackTimeout}
+        onClick={onClick}
         align={align}
         className={classnames(className, `${prefix}--copy-btn`)}
         aria-label={iconDescription}
@@ -76,10 +82,3 @@ CopyButton.propTypes = {
    */
   onClick: PropTypes.func,
 };
-
-CopyButton.defaultProps = {
-  iconDescription: 'Copy to clipboard',
-  feedback: 'Copied!',
-  feedbackTimeout: 2000,
-  onClick: () => {},
-};
diff --git a/packages/react/src/components/DataTable/DataTable.tsx b/packages/react/src/components/DataTable/DataTable.tsx
index 310d7c93af78..e04c3f23167b 100644
--- a/packages/react/src/components/DataTable/DataTable.tsx
+++ b/packages/react/src/components/DataTable/DataTable.tsx
@@ -15,7 +15,6 @@ import { getCellId } from './tools/cells';
 import denormalize from './tools/denormalize';
 import { composeEventHandlers } from '../../tools/events';
 import { defaultFilterRows } from './tools/filter';
-import { defaultSortRow } from './tools/sorting';
 import setupGetInstanceId from './tools/instanceId';
 import Table from './Table';
 import TableActionList from './TableActionList';
@@ -64,15 +63,6 @@ const defaultTranslations = {
 
 const translateWithId = (id) => defaultTranslations[id];
 
-const dataTableDefaultProps = {
-  filterRows: defaultFilterRows,
-  locale: 'en',
-  overflowMenuOnHover: true,
-  size: 'lg',
-  sortRow: defaultSortRow,
-  translateWithId,
-};
-
 export type DataTableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 export interface DataTableCell<T> {
@@ -220,7 +210,7 @@ export interface DataTableProps<RowType, ColTypes extends any[]> {
   ) => React.ReactElement;
   experimentalAutoAlign?: boolean;
   filterRows?: (filterRowsArgs: {
-    cellsById: Record<string, DataTableCell<RowType>>;
+    cellsById: Record<string, DataTableCell<ColTypes>>;
     getCellId: (rowId: string, header: string) => string;
     headers: Array<DataTableHeader>;
     inputValue: string;
@@ -274,12 +264,11 @@ interface DataTableState<ColTypes extends any[]> {
  * consumer.
  */
 class DataTable<RowType, ColTypes extends any[]> extends React.Component<
-  DataTableProps<RowType, ColTypes> & typeof dataTableDefaultProps,
+  DataTableProps<RowType, ColTypes>,
   DataTableState<ColTypes>
 > {
   instanceId: number;
 
-  static defaultProps = dataTableDefaultProps;
   static propTypes = {
     /**
      * Experimental property. Allows table to align cell contents to the top if there is text wrapping in the content. Might have performance issues, intended for smaller tables
@@ -495,7 +484,7 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
       [key: string]: unknown;
     }
   ) => {
-    const { translateWithId: t } = this.props;
+    const { translateWithId: t = translateWithId } = this.props;
     const { isExpandedAll, rowIds, rowsById } = this.state;
     const isExpanded =
       isExpandedAll || rowIds.every((id) => rowsById[id].isExpanded);
@@ -561,7 +550,7 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
     row: DataTableRow<ColTypes>;
     [key: string]: unknown;
   }) => {
-    const { translateWithId: t } = this.props;
+    const { translateWithId: t = translateWithId } = this.props;
     const translationKey = row.isExpanded
       ? translationKeys.collapseRow
       : translationKeys.expandRow;
@@ -617,7 +606,7 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
       [key: string]: unknown;
     }
   ) => {
-    const { translateWithId: t } = this.props;
+    const { translateWithId: t = translateWithId } = this.props;
 
     // If we're given a row, return the selection state values for that row
     if (row) {
@@ -694,11 +683,11 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
   getTableProps = () => {
     const {
       useZebraStyles,
-      size,
+      size = 'lg',
       isSortable,
       useStaticWidth,
       stickyHeader,
-      overflowMenuOnHover,
+      overflowMenuOnHover = true,
       experimentalAutoAlign,
     } = this.props;
     return {
@@ -739,9 +728,10 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
    * @returns {Array<string>} the array of rowIds that are currently included through the filter
    *  */
   getFilteredRowIds = () => {
+    const { filterRows = defaultFilterRows } = this.props;
     const filteredRowIds =
       typeof this.state.filterInputValue === 'string'
-        ? this.props.filterRows({
+        ? filterRows({
             rowIds: this.state.rowIds,
             headers: this.props.headers,
             cellsById: this.state.cellsById,
@@ -941,8 +931,12 @@ class DataTable<RowType, ColTypes extends any[]> extends React.Component<
   };
 
   render() {
-    // eslint-disable-next-line react/prop-types
-    const { children, filterRows, headers, render } = this.props;
+    const {
+      children,
+      filterRows = defaultFilterRows,
+      headers,
+      render,
+    } = this.props;
     const { filterInputValue, rowIds, rowsById, cellsById } = this.state;
     const filteredRowIds =
       typeof filterInputValue === 'string'
diff --git a/packages/react/src/components/DataTable/Table.tsx b/packages/react/src/components/DataTable/Table.tsx
index 821253bdb069..9e82aaf81856 100644
--- a/packages/react/src/components/DataTable/Table.tsx
+++ b/packages/react/src/components/DataTable/Table.tsx
@@ -289,9 +289,4 @@ Table.propTypes = {
   useZebraStyles: PropTypes.bool,
 };
 
-Table.defaultProps = {
-  isSortable: false,
-  overflowMenuOnHover: true,
-};
-
 export default Table;
diff --git a/packages/react/src/components/DataTable/TableBatchAction.js b/packages/react/src/components/DataTable/TableBatchAction.js
index 1a0db30d441e..fcaa9e052605 100644
--- a/packages/react/src/components/DataTable/TableBatchAction.js
+++ b/packages/react/src/components/DataTable/TableBatchAction.js
@@ -10,7 +10,17 @@ import React from 'react';
 import { AddFilled as iconAddSolid } from '@carbon/icons-react';
 import Button from '../Button';
 
-const TableBatchAction = (props) => <Button {...props} />;
+const TableBatchAction = ({
+  renderIcon = iconAddSolid,
+  iconDescription = 'Add',
+  ...props
+}) => (
+  <Button
+    renderIcon={renderIcon}
+    iconDescription={iconDescription}
+    {...props}
+  />
+);
 
 TableBatchAction.propTypes = {
   /**
@@ -37,9 +47,4 @@ TableBatchAction.propTypes = {
   renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 };
 
-TableBatchAction.defaultProps = {
-  renderIcon: iconAddSolid,
-  iconDescription: 'Add',
-};
-
 export default TableBatchAction;
diff --git a/packages/react/src/components/DataTable/TableBatchActions.tsx b/packages/react/src/components/DataTable/TableBatchActions.tsx
index 7414d3b35842..5a7019d57536 100644
--- a/packages/react/src/components/DataTable/TableBatchActions.tsx
+++ b/packages/react/src/components/DataTable/TableBatchActions.tsx
@@ -209,8 +209,4 @@ TableBatchActions.propTypes = {
   translateWithId: PropTypes.func,
 };
 
-TableBatchActions.defaultProps = {
-  translateWithId,
-};
-
 export default TableBatchActions;
diff --git a/packages/react/src/components/DataTable/TableBody.tsx b/packages/react/src/components/DataTable/TableBody.tsx
index e1df80d06759..56ac7d1264c3 100644
--- a/packages/react/src/components/DataTable/TableBody.tsx
+++ b/packages/react/src/components/DataTable/TableBody.tsx
@@ -17,7 +17,10 @@ export interface TableBodyProps extends ReactAttr<HTMLTableSectionElement> {
 }
 
 const TableBody = ({ children, className, ...rest }: TableBodyProps) => (
-  <tbody className={className} {...rest}>
+  <tbody
+    aria-live={'polite' || rest['aria-live']}
+    className={className}
+    {...rest}>
     {children}
   </tbody>
 );
@@ -32,8 +35,4 @@ TableBody.propTypes = {
   className: PropTypes.string,
 };
 
-TableBody.defaultProps = {
-  'aria-live': 'polite',
-};
-
 export default TableBody;
diff --git a/packages/react/src/components/DataTable/TableHeader.tsx b/packages/react/src/components/DataTable/TableHeader.tsx
index ece702272a26..32806960d1c9 100644
--- a/packages/react/src/components/DataTable/TableHeader.tsx
+++ b/packages/react/src/components/DataTable/TableHeader.tsx
@@ -127,12 +127,12 @@ const TableHeader = React.forwardRef(function TableHeader(
     className: headerClassName,
     children,
     colSpan,
-    isSortable,
+    isSortable = false,
     isSortHeader,
     onClick,
     scope = defaultScope,
     sortDirection,
-    translateWithId: t,
+    translateWithId: t = translateWithId,
     id,
     ...rest
   }: TableHeaderProps,
@@ -250,7 +250,7 @@ TableHeader.propTypes = {
    * attribute at the following URL:
    * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th#attr-scope
    */
-  scope: PropTypes.string.isRequired,
+  scope: PropTypes.string,
 
   /**
    * Specify which direction we are currently sorting by, should be one of DESC,
@@ -266,12 +266,6 @@ TableHeader.propTypes = {
   translateWithId: PropTypes.func,
 };
 
-TableHeader.defaultProps = {
-  isSortable: false,
-  scope: defaultScope,
-  translateWithId,
-};
-
 (TableHeader as any).translationKeys = Object.values(translationKeys);
 
 TableHeader.displayName = 'TableHeader';
diff --git a/packages/react/src/components/DataTable/TableSelectAll.tsx b/packages/react/src/components/DataTable/TableSelectAll.tsx
index f219da20fa82..38a86a65cb2d 100644
--- a/packages/react/src/components/DataTable/TableSelectAll.tsx
+++ b/packages/react/src/components/DataTable/TableSelectAll.tsx
@@ -54,7 +54,7 @@ interface TableSelectAllProps {
 }
 
 const TableSelectAll = ({
-  ariaLabel,
+  ariaLabel = 'Select all rows in the table',
   checked,
   id,
   indeterminate,
@@ -124,8 +124,4 @@ TableSelectAll.propTypes = {
   onSelect: PropTypes.func.isRequired,
 };
 
-TableSelectAll.defaultProps = {
-  ariaLabel: 'Select all rows in the table',
-};
-
 export default TableSelectAll;
diff --git a/packages/react/src/components/DataTable/TableToolbar.tsx b/packages/react/src/components/DataTable/TableToolbar.tsx
index e55322ca01c6..ee32cde0faaa 100644
--- a/packages/react/src/components/DataTable/TableToolbar.tsx
+++ b/packages/react/src/components/DataTable/TableToolbar.tsx
@@ -9,10 +9,22 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
-import { AriaLabelPropType } from '../../prop-types/AriaPropTypes';
+import deprecate from '../../prop-types/deprecate';
 
 export interface TableToolbarProps
   extends React.HTMLAttributes<HTMLDivElement> {
+  /**
+   * Specify a label to be read by screen readers on the container node
+   * 'aria-label' of the TableToolbar component.
+   */
+  ['aria-label']?: string;
+
+  /**
+   * @deprecated please use `aria-label` instead.
+   * 'aria-label' of the TableToolbar component.
+   */
+  ariaLabel?: string;
+
   /**
    * Pass in the children that will be rendered inside the TableToolbar
    */
@@ -25,6 +37,8 @@ export interface TableToolbarProps
 }
 
 const TableToolbar: React.FC<TableToolbarProps> = ({
+  ['aria-label']: ariaLabel = 'data table toolbar',
+  ariaLabel: deprecatedAriaLabel,
   children,
   size,
   ...rest
@@ -35,7 +49,10 @@ const TableToolbar: React.FC<TableToolbarProps> = ({
     [`${prefix}--table-toolbar--${size}`]: size,
   });
   return (
-    <section {...rest} className={className}>
+    <section
+      aria-label={deprecatedAriaLabel || ariaLabel}
+      {...rest}
+      className={className}>
       {children}
     </section>
   );
@@ -43,9 +60,20 @@ const TableToolbar: React.FC<TableToolbarProps> = ({
 
 TableToolbar.propTypes = {
   /**
-   * Required props for the accessibility label of the TableToolbar
+   * 'aria-label' of the TableToolbar component.
+   * Specify a label to be read by screen readers on the container node
    */
-  ...AriaLabelPropType,
+  ['aria-label']: PropTypes.string,
+
+  /**
+   * Deprecated, please use `aria-label` instead.
+   * Specify a label to be read by screen readers on the container node.
+   * 'aria-label' of the TableToolbar component.
+   */
+  ariaLabel: deprecate(
+    PropTypes.string,
+    'This prop syntax has been deprecated. Please use the new `aria-label`.'
+  ),
 
   /**
    * Pass in the children that will be rendered inside the TableToolbar
@@ -58,8 +86,4 @@ TableToolbar.propTypes = {
   size: PropTypes.oneOf(['sm', 'lg']),
 };
 
-TableToolbar.defaultProps = {
-  'aria-label': 'data table toolbar',
-};
-
 export default TableToolbar;
diff --git a/packages/react/src/components/DataTable/TableToolbarMenu.tsx b/packages/react/src/components/DataTable/TableToolbarMenu.tsx
index 9063fb185ef2..2a00f38d566b 100644
--- a/packages/react/src/components/DataTable/TableToolbarMenu.tsx
+++ b/packages/react/src/components/DataTable/TableToolbarMenu.tsx
@@ -36,7 +36,7 @@ export interface TableToolbarMenuProps
 
 const TableToolbarMenu: React.FC<TableToolbarMenuProps> = ({
   className,
-  renderIcon,
+  renderIcon = Settings,
   iconDescription = defaultIconDescription,
   children,
   ...rest
@@ -60,11 +60,6 @@ const TableToolbarMenu: React.FC<TableToolbarMenuProps> = ({
   );
 };
 
-TableToolbarMenu.defaultProps = {
-  renderIcon: Settings,
-  iconDescription: defaultIconDescription,
-};
-
 TableToolbarMenu.propTypes = {
   children: PropTypes.node.isRequired,
 
@@ -76,7 +71,7 @@ TableToolbarMenu.propTypes = {
   /**
    * The description of the menu icon.
    */
-  iconDescription: PropTypes.string.isRequired,
+  iconDescription: PropTypes.string,
 
   /**
    * Optional prop to allow overriding the default menu icon
diff --git a/packages/react/src/components/DataTable/TableToolbarSearch.tsx b/packages/react/src/components/DataTable/TableToolbarSearch.tsx
index a5af42c645df..d3f7cb15290e 100644
--- a/packages/react/src/components/DataTable/TableToolbarSearch.tsx
+++ b/packages/react/src/components/DataTable/TableToolbarSearch.tsx
@@ -19,6 +19,7 @@ import React, {
 import Search from '../Search';
 import setupGetInstanceId from './tools/instanceId';
 import { usePrefix } from '../../internal/usePrefix';
+import { noopFn } from '../../internal/noopFn';
 
 const getInstanceId = setupGetInstanceId();
 const translationKeys = {
@@ -133,15 +134,15 @@ export interface TableToolbarSearchProps {
   /**
    * Provide custom text for the component for each translation id
    */
-  translateWithId: (id: string) => string;
+  translateWithId?: (id: string) => string;
 }
 
 const TableToolbarSearch = ({
   className,
   searchContainerClass,
   onChange: onChangeProp,
-  onClear,
-  translateWithId: t,
+  onClear = noopFn,
+  translateWithId: t = translateWithId,
   placeholder,
   labelText,
   expanded: expandedProp,
@@ -149,12 +150,12 @@ const TableToolbarSearch = ({
   defaultValue,
   disabled,
   onExpand,
-  persistent,
+  persistent = false,
   id,
   onBlur,
   onFocus,
   size = 'lg',
-  tabIndex,
+  tabIndex = '0',
   ...rest
 }: TableToolbarSearchProps) => {
   const { current: controlled } = useRef(expandedProp !== undefined);
@@ -336,14 +337,7 @@ TableToolbarSearch.propTypes = {
   /**
    * Provide custom text for the component for each translation id
    */
-  translateWithId: PropTypes.func.isRequired,
-};
-
-TableToolbarSearch.defaultProps = {
-  tabIndex: '0',
-  translateWithId,
-  persistent: false,
-  onClear: () => {},
+  translateWithId: PropTypes.func,
 };
 
 export default TableToolbarSearch;
diff --git a/packages/react/src/components/DataTable/__tests__/DataTable-test.js b/packages/react/src/components/DataTable/__tests__/DataTable-test.js
index d7ffb2faf3e5..743653d8a195 100644
--- a/packages/react/src/components/DataTable/__tests__/DataTable-test.js
+++ b/packages/react/src/components/DataTable/__tests__/DataTable-test.js
@@ -98,7 +98,7 @@ describe('DataTable', () => {
                   onChange={onInputChange}
                   id="custom-id"
                 />
-                <TableToolbarMenu>
+                <TableToolbarMenu iconDescription="Settings">
                   <TableToolbarAction onClick={jest.fn()}>
                     Action 1
                   </TableToolbarAction>
@@ -358,7 +358,7 @@ describe('DataTable', () => {
                       onChange={onInputChange}
                       id="custom-id"
                     />
-                    <TableToolbarMenu>
+                    <TableToolbarMenu iconDescription="Settings">
                       <TableToolbarAction onClick={jest.fn()}>
                         Action 1
                       </TableToolbarAction>
@@ -522,7 +522,7 @@ describe('DataTable', () => {
                       onChange={onInputChange}
                       id="custom-id"
                     />
-                    <TableToolbarMenu>
+                    <TableToolbarMenu iconDescription="Settings">
                       <TableToolbarAction onClick={jest.fn()}>
                         Action 1
                       </TableToolbarAction>
diff --git a/packages/react/src/components/DataTable/__tests__/TableToolbarMenu-test.js b/packages/react/src/components/DataTable/__tests__/TableToolbarMenu-test.js
index 653ae8e91242..77c92cf0bb10 100644
--- a/packages/react/src/components/DataTable/__tests__/TableToolbarMenu-test.js
+++ b/packages/react/src/components/DataTable/__tests__/TableToolbarMenu-test.js
@@ -27,7 +27,7 @@ describe('TableToolbarMenu', () => {
 
     it('should support a custom `className` prop on the outermost element', () => {
       render(
-        <TableToolbarMenu className="custom-class">
+        <TableToolbarMenu iconDescription="Add" className="custom-class">
           <span>test</span>
         </TableToolbarMenu>
       );
diff --git a/packages/react/src/components/DataTable/stories/DataTable-toolbar.stories.js b/packages/react/src/components/DataTable/stories/DataTable-toolbar.stories.js
index a26d66719fd4..e430cc02bed9 100644
--- a/packages/react/src/components/DataTable/stories/DataTable-toolbar.stories.js
+++ b/packages/react/src/components/DataTable/stories/DataTable-toolbar.stories.js
@@ -66,7 +66,7 @@ export const Default = () => (
         <TableToolbar {...getToolbarProps()} aria-label="data table toolbar">
           <TableToolbarContent>
             <TableToolbarSearch onChange={onInputChange} />
-            <TableToolbarMenu light>
+            <TableToolbarMenu>
               <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
@@ -124,7 +124,7 @@ export const PersistentToolbar = () => (
         <TableToolbar {...getToolbarProps()} aria-label="data table toolbar">
           <TableToolbarContent>
             <TableToolbarSearch onChange={onInputChange} persistent />
-            <TableToolbarMenu light>
+            <TableToolbarMenu>
               <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
@@ -185,7 +185,7 @@ export const SmallPersistentToolbar = () => (
           size="sm">
           <TableToolbarContent>
             <TableToolbarSearch onChange={onInputChange} persistent size="sm" />
-            <TableToolbarMenu light size="sm">
+            <TableToolbarMenu size="sm">
               <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
@@ -239,7 +239,7 @@ export const WithOverflowMenu = () => (
         <TableToolbar {...getToolbarProps()} aria-label="data table toolbar">
           <TableToolbarContent>
             <TableToolbarSearch onChange={onInputChange} />
-            <TableToolbarMenu light>
+            <TableToolbarMenu>
               <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
@@ -306,7 +306,7 @@ export const Playground = (args) => (
                 onInputChange(evt);
               }}
             />
-            <TableToolbarMenu light>
+            <TableToolbarMenu>
               <TableToolbarAction onClick={action('Action 1 Click')}>
                 Action 1
               </TableToolbarAction>
diff --git a/packages/react/src/components/DataTable/tools/sorting.js b/packages/react/src/components/DataTable/tools/sorting.js
index fc9a2306467a..7fc2f51b26b4 100644
--- a/packages/react/src/components/DataTable/tools/sorting.js
+++ b/packages/react/src/components/DataTable/tools/sorting.js
@@ -93,8 +93,8 @@ export const sortRows = ({
   cellsById,
   sortDirection,
   key,
-  locale,
-  sortRow,
+  locale = 'en',
+  sortRow = defaultSortRow,
 }) =>
   rowIds.slice().sort((a, b) => {
     const cellA = cellsById[getCellId(a, key)];
diff --git a/packages/react/src/components/DatePicker/DatePicker.tsx b/packages/react/src/components/DatePicker/DatePicker.tsx
index 80f28409d941..1bb85326f3d7 100644
--- a/packages/react/src/components/DatePicker/DatePicker.tsx
+++ b/packages/react/src/components/DatePicker/DatePicker.tsx
@@ -344,12 +344,12 @@ interface DatePickerProps
   /**
    * The maximum date that a user can pick to.
    */
-  maxDate?: string;
+  maxDate?: string | number;
 
   /**
    * The minimum date that a user can start picking from.
    */
-  minDate?: string;
+  minDate?: string | number;
 
   /**
    * The `change` event handler.
@@ -961,12 +961,12 @@ DatePicker.propTypes = {
   /**
    * The maximum date that a user can pick to.
    */
-  maxDate: PropTypes.string,
+  maxDate: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
   /**
    * The minimum date that a user can start picking from.
    */
-  minDate: PropTypes.string,
+  minDate: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 
   /**
    * The `change` event handler.
diff --git a/packages/react/src/components/Dropdown/Dropdown-test.js b/packages/react/src/components/Dropdown/Dropdown-test.js
index d51dc8a8219c..c8c4477e1b74 100644
--- a/packages/react/src/components/Dropdown/Dropdown-test.js
+++ b/packages/react/src/components/Dropdown/Dropdown-test.js
@@ -30,6 +30,7 @@ describe('Dropdown', () => {
       label: 'input',
       placeholder: 'Filter...',
       type: 'default',
+      titleText: 'Dropdown label',
     };
   });
 
@@ -91,12 +92,12 @@ describe('Dropdown', () => {
 
   describe('title', () => {
     it('renders a title', () => {
-      render(<Dropdown titleText="Email Input" {...mockProps} />);
+      render(<Dropdown {...mockProps} titleText="Email Input" />);
       expect(screen.getByText('Email Input')).toBeInTheDocument();
     });
 
     it('has the expected classes', () => {
-      render(<Dropdown titleText="Email Input" {...mockProps} />);
+      render(<Dropdown {...mockProps} titleText="Email Input" />);
       expect(screen.getByText('Email Input')).toHaveClass(`${prefix}--label`);
     });
   });
diff --git a/packages/react/src/components/Dropdown/Dropdown.mdx b/packages/react/src/components/Dropdown/Dropdown.mdx
index ecaa6c44b08c..19afd25561e9 100644
--- a/packages/react/src/components/Dropdown/Dropdown.mdx
+++ b/packages/react/src/components/Dropdown/Dropdown.mdx
@@ -86,6 +86,7 @@ to the top of the screen. To do this, specify `direction="top"`
   label="Select an option..."
   direction="top"
   id="direction"
+  titleText="Dropdown label"
 />
 
 ```jsx
@@ -136,6 +137,7 @@ the text of the item in the input on selection.
   }
   label="Select an option..."
   id="item-to-element"
+  titleText="Dropdown label"
 />
 
 ```jsx
@@ -155,6 +157,7 @@ the text of the item in the input on selection.
     )
   }
   label="Select an option..."
+  titleText="Dropdown label"
 />
 ```
 
@@ -181,6 +184,7 @@ If the `items` array is not an array of strings, you'll need to use
   }
   label="Select an option..."
   id="item-to-element"
+  titleText="Dropdown label"
 />
 
 ```jsx
@@ -202,6 +206,7 @@ If the `items` array is not an array of strings, you'll need to use
   }
   label="Select an option..."
   id="item-to-element"
+  titleText="Dropdown label"
 />
 ```
 
@@ -265,6 +270,7 @@ There are three sizes of `Dropdown` available: `sm`, `lg` (the default), and
   size="sm"
   label="Small [sm]"
   id="sm"
+  titleText="Dropdown label"
 />
 <br />
 <Dropdown
@@ -272,6 +278,7 @@ There are three sizes of `Dropdown` available: `sm`, `lg` (the default), and
   label="Medium [md]"
   id="md"
   size="md"
+  titleText="Dropdown label"
 />
 <br />
 <Dropdown
@@ -279,6 +286,7 @@ There are three sizes of `Dropdown` available: `sm`, `lg` (the default), and
   size="lg"
   label="Large [lg]"
   id="lg"
+  titleText="Dropdown label"
 />
 
 ```jsx
@@ -286,16 +294,19 @@ There are three sizes of `Dropdown` available: `sm`, `lg` (the default), and
   items={['Option 1', 'Option 2', 'Option 3']}
   size="sm"
   label="Small [sm]"
+  titleText="Dropdown label"
 />
 <Dropdown
   items={['Option 1', 'Option 2', 'Option 3']}
   label="Medium [md]"
   size="md"
+  titleText="Dropdown label"
 />
 <Dropdown
   items={['Option 1', 'Option 2', 'Option 3']}
   size="lg"
   label="Large [lg]"
+  titleText="Dropdown label"
 />
 ```
 
@@ -317,6 +328,7 @@ that, pass in `type="inline"` to the `Dropdown`
   label="Inline"
   type="inline"
   id="inline"
+  titleText="Dropdown label"
 />
 
 ```jsx
@@ -324,6 +336,8 @@ that, pass in `type="inline"` to the `Dropdown`
   items={['Option 1', 'Option 2', 'Option 3']}
   label="Inline"
   type="inline"
+  is="inline"
+  titleText="Dropdown label"
 />
 ```
 
diff --git a/packages/react/src/components/Dropdown/Dropdown.tsx b/packages/react/src/components/Dropdown/Dropdown.tsx
index f7ac5935e9ad..4284fc96c448 100644
--- a/packages/react/src/components/Dropdown/Dropdown.tsx
+++ b/packages/react/src/components/Dropdown/Dropdown.tsx
@@ -227,22 +227,22 @@ const Dropdown = React.forwardRef(
   <ItemType,>(
     {
       className: containerClassName,
-      disabled,
-      direction,
+      disabled = false,
+      direction = 'bottom',
       items,
       label,
       ['aria-label']: ariaLabel,
       ariaLabel: deprecatedAriaLabel,
       itemToString = defaultItemToString,
-      itemToElement,
+      itemToElement = null,
       renderSelectedItem,
-      type,
+      type = 'default',
       size,
       onChange,
       id,
-      titleText,
+      titleText = '',
       hideLabel,
-      helperText,
+      helperText = '',
       translateWithId,
       light,
       invalid,
@@ -709,14 +709,4 @@ Dropdown.propTypes = {
   warnText: PropTypes.node,
 };
 
-Dropdown.defaultProps = {
-  disabled: false,
-  type: 'default',
-  itemToString: defaultItemToString,
-  itemToElement: null,
-  titleText: '',
-  helperText: '',
-  direction: 'bottom',
-} as DropdownProps<unknown>;
-
 export default Dropdown as DropdownComponent;
diff --git a/packages/react/src/components/FileUploader/FileUploader.stories.js b/packages/react/src/components/FileUploader/FileUploader.stories.js
index d8115e88c9f8..311be513dfbd 100644
--- a/packages/react/src/components/FileUploader/FileUploader.stories.js
+++ b/packages/react/src/components/FileUploader/FileUploader.stories.js
@@ -65,6 +65,7 @@ export const _FileUploaderItem = (args) => {
     />
   );
 };
+
 _FileUploaderItem.argTypes = {
   errorBody: {
     control: 'text',
diff --git a/packages/react/src/components/FileUploader/FileUploader.tsx b/packages/react/src/components/FileUploader/FileUploader.tsx
index 7466f0173e11..95f080fce4b4 100644
--- a/packages/react/src/components/FileUploader/FileUploader.tsx
+++ b/packages/react/src/components/FileUploader/FileUploader.tsx
@@ -59,7 +59,7 @@ export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
   /**
    * Provide a description for the complete/close icon that can be read by screen readers
    */
-  iconDescription: string;
+  iconDescription?: string;
 
   /**
    * Specify the description text of this `<FileUploader>`
@@ -146,7 +146,7 @@ export default class FileUploader extends React.Component<
     /**
      * Provide a description for the complete/close icon that can be read by screen readers
      */
-    iconDescription: PropTypes.string.isRequired,
+    iconDescription: PropTypes.string,
 
     /**
      * Specify the description text of this `<FileUploader>`
@@ -195,16 +195,6 @@ export default class FileUploader extends React.Component<
 
   static contextType = PrefixContext;
 
-  static defaultProps = {
-    disabled: false,
-    filenameStatus: 'uploading',
-    buttonLabel: '',
-    buttonKind: 'primary',
-    multiple: false,
-    onClick: () => {},
-    accept: [],
-  };
-
   state = {
     filenames: [] as string[],
   };
@@ -262,15 +252,15 @@ export default class FileUploader extends React.Component<
   render() {
     const {
       iconDescription,
-      buttonLabel,
-      buttonKind,
-      disabled,
-      filenameStatus,
+      buttonLabel = '',
+      buttonKind = 'primary',
+      disabled = false,
+      filenameStatus = 'uploading',
       labelDescription,
       labelTitle,
       className,
-      multiple,
-      accept,
+      multiple = false,
+      accept = [],
       name,
       size = 'md',
       onDelete, // eslint-disable-line
diff --git a/packages/react/src/components/FileUploader/FileUploaderButton.tsx b/packages/react/src/components/FileUploader/FileUploaderButton.tsx
index 9b9bc4312c83..5fa835afa85a 100644
--- a/packages/react/src/components/FileUploader/FileUploaderButton.tsx
+++ b/packages/react/src/components/FileUploader/FileUploaderButton.tsx
@@ -14,8 +14,7 @@ import uid from '../../tools/uniqueId';
 import { usePrefix } from '../../internal/usePrefix';
 import deprecate from '../../prop-types/deprecate';
 import { ReactAttr } from '../../types/common';
-
-function noop() {}
+import { noopFn } from '../../internal/noopFn';
 
 export interface FileUploaderButtonProps
   extends Omit<ReactAttr<HTMLButtonElement>, 'onChange' | 'tabIndex'> {
@@ -114,7 +113,7 @@ function FileUploaderButton({
   id,
   labelText: ownerLabelText = 'Add file',
   multiple = false,
-  onChange = noop,
+  onChange = noopFn,
   name,
   size = 'md',
   // eslint-disable-next-line react/prop-types
diff --git a/packages/react/src/components/FileUploader/FileUploaderDropContainer.tsx b/packages/react/src/components/FileUploader/FileUploaderDropContainer.tsx
index a1fa25ba92e9..5191ecadb656 100644
--- a/packages/react/src/components/FileUploader/FileUploaderDropContainer.tsx
+++ b/packages/react/src/components/FileUploader/FileUploaderDropContainer.tsx
@@ -14,6 +14,7 @@ import { usePrefix } from '../../internal/usePrefix';
 import { composeEventHandlers } from '../../tools/events';
 import deprecate from '../../prop-types/deprecate';
 import { ReactAttr } from '../../types/common';
+import { noopFn } from '../../internal/noopFn';
 
 export interface FileUploaderDropContainerProps
   extends Omit<ReactAttr<HTMLButtonElement>, 'tabIndex'> {
@@ -100,7 +101,7 @@ function FileUploaderDropContainer({
   labelText = 'Add file',
   multiple = false,
   name,
-  onAddFiles = () => {},
+  onAddFiles = noopFn,
   onClick,
   pattern = '.[0-9a-z]+$',
   // eslint-disable-next-line react/prop-types
@@ -305,12 +306,4 @@ FileUploaderDropContainer.propTypes = {
   ),
 };
 
-FileUploaderDropContainer.defaultProps = {
-  labelText: 'Add file',
-  multiple: false,
-  onAddFiles: () => {},
-  accept: [],
-  pattern: '.[0-9a-z]+$',
-};
-
 export default FileUploaderDropContainer;
diff --git a/packages/react/src/components/FileUploader/FileUploaderItem.tsx b/packages/react/src/components/FileUploader/FileUploaderItem.tsx
index 00cb28bc3f6d..b55f03b0667a 100644
--- a/packages/react/src/components/FileUploader/FileUploaderItem.tsx
+++ b/packages/react/src/components/FileUploader/FileUploaderItem.tsx
@@ -13,6 +13,7 @@ import { keys, matches } from '../../internal/keyboard';
 import uid from '../../tools/uniqueId';
 import { usePrefix } from '../../internal/usePrefix';
 import { ReactAttr } from '../../types/common';
+import { noopFn } from '../../internal/noopFn';
 import { Text } from '../Text';
 import { Tooltip } from '../Tooltip';
 
@@ -72,13 +73,12 @@ export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
    */
   uuid?: string;
 }
-
 function FileUploaderItem({
   uuid,
   name,
   status = 'uploading',
   iconDescription,
-  onDelete = () => {},
+  onDelete = noopFn,
   invalid,
   errorSubject,
   errorBody,
@@ -228,9 +228,4 @@ FileUploaderItem.propTypes = {
   uuid: PropTypes.string,
 };
 
-FileUploaderItem.defaultProps = {
-  status: 'uploading',
-  onDelete: () => {},
-};
-
 export default FileUploaderItem;
diff --git a/packages/react/src/components/FileUploader/Filename.tsx b/packages/react/src/components/FileUploader/Filename.tsx
index 7f4c40b0b8a0..855944da93f3 100644
--- a/packages/react/src/components/FileUploader/Filename.tsx
+++ b/packages/react/src/components/FileUploader/Filename.tsx
@@ -44,14 +44,15 @@ export interface FilenameProps
   /**
    * Provide a custom tabIndex value for the `<Filename>`
    */
-  tabIndex?: number | string;
+  tabIndex?: number;
 }
 
 function Filename({
-  iconDescription,
-  status,
+  iconDescription = 'Uploading file',
+  status = 'uploading',
   invalid,
   name,
+  tabIndex = 0,
   ['aria-describedby']: ariaDescribedBy,
   ...rest
 }: FilenameProps) {
@@ -74,12 +75,8 @@ function Filename({
             aria-label={`${iconDescription} - ${name}`}
             className={`${prefix}--file-close`}
             type="button"
+            tabIndex={tabIndex}
             {...rest}
-            tabIndex={
-              rest.tabIndex !== undefined
-                ? parseInt(rest.tabIndex as string, 10)
-                : undefined
-            }
             aria-describedby={invalid ? ariaDescribedBy : undefined}>
             <Close />
           </button>
@@ -129,13 +126,7 @@ Filename.propTypes = {
   /**
    * Provide a custom tabIndex value for the `<Filename>`
    */
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-};
-
-Filename.defaultProps = {
-  iconDescription: 'Uploading file',
-  status: 'uploading',
-  tabIndex: '0',
+  tabIndex: PropTypes.number,
 };
 
 export default Filename;
diff --git a/packages/react/src/components/FileUploader/__tests__/FileUploader-test.js b/packages/react/src/components/FileUploader/__tests__/FileUploader-test.js
index 7a750b3219fc..72cf8c1ba114 100644
--- a/packages/react/src/components/FileUploader/__tests__/FileUploader-test.js
+++ b/packages/react/src/components/FileUploader/__tests__/FileUploader-test.js
@@ -14,6 +14,7 @@ import { uploadFiles } from '../test-helpers';
 const iconDescription = 'test description';
 const requiredProps = {
   iconDescription,
+  filenameStatus: 'uploading',
   labelTitle: 'Upload files',
   labelDescription: 'Max file size is 500mb. Only .jpg files are supported.',
 };
diff --git a/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js b/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
index d397a5babd02..9caf4730e7a9 100644
--- a/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
+++ b/packages/react/src/components/FileUploader/__tests__/FileUploaderDropContainer-test.js
@@ -12,15 +12,19 @@ import { Simulate } from 'react-dom/test-utils';
 import { FileUploaderDropContainer } from '../';
 import { uploadFiles } from '../test-helpers';
 
+const requiredProps = { labelText: 'Add file' };
+
 describe('FileUploaderDropContainer', () => {
   it('should not have axe violations', async () => {
-    const { container } = render(<FileUploaderDropContainer />);
+    const { container } = render(
+      <FileUploaderDropContainer {...requiredProps} />
+    );
     await expect(container).toHaveNoAxeViolations();
   });
 
   it('should support a custom class name on the drop area', () => {
     const { container } = render(
-      <FileUploaderDropContainer className="test" />
+      <FileUploaderDropContainer className="test" {...requiredProps} />
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const dropArea = container.querySelector('button');
@@ -30,8 +34,8 @@ describe('FileUploaderDropContainer', () => {
   it('should have a unique id each time it is used', () => {
     const { container } = render(
       <>
-        <FileUploaderDropContainer />
-        <FileUploaderDropContainer />
+        <FileUploaderDropContainer {...requiredProps} />
+        <FileUploaderDropContainer {...requiredProps} />
       </>
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
@@ -40,14 +44,18 @@ describe('FileUploaderDropContainer', () => {
   });
 
   it('should render with the default labelText prop', () => {
-    const { container } = render(<FileUploaderDropContainer />);
+    const { container } = render(
+      <FileUploaderDropContainer {...requiredProps} />
+    );
     // eslint-disable-next-line testing-library/prefer-screen-queries
     const label = getByText(container, 'Add file');
     expect(label).toBeInstanceOf(HTMLElement);
   });
 
   it('should render with multiple set to false by default', () => {
-    const { container } = render(<FileUploaderDropContainer />);
+    const { container } = render(
+      <FileUploaderDropContainer {...requiredProps} />
+    );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const input = container.querySelector('input');
     expect(input.getAttribute('multiple')).toBeFalsy();
@@ -71,7 +79,7 @@ describe('FileUploaderDropContainer', () => {
   it('should call `onAddFiles` when a file is selected', () => {
     const onAddFiles = jest.fn();
     const { container } = render(
-      <FileUploaderDropContainer onAddFiles={onAddFiles} />
+      <FileUploaderDropContainer onAddFiles={onAddFiles} {...requiredProps} />
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const input = container.querySelector('input');
@@ -95,7 +103,11 @@ describe('FileUploaderDropContainer', () => {
   it('should mark invalid files using default pattern', () => {
     const onAddFiles = jest.fn();
     const { container } = render(
-      <FileUploaderDropContainer onAddFiles={onAddFiles} accept={['.txt']} />
+      <FileUploaderDropContainer
+        onAddFiles={onAddFiles}
+        accept={['.txt']}
+        {...requiredProps}
+      />
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const input = container.querySelector('input');
@@ -138,7 +150,11 @@ describe('FileUploaderDropContainer', () => {
   it('should be case insensitive when marking files invalid', () => {
     const onAddFiles = jest.fn();
     const { container } = render(
-      <FileUploaderDropContainer onAddFiles={onAddFiles} accept={['.jpeg']} />
+      <FileUploaderDropContainer
+        onAddFiles={onAddFiles}
+        accept={['.jpeg']}
+        {...requiredProps}
+      />
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
     const input = container.querySelector('input');
@@ -181,6 +197,7 @@ describe('FileUploaderDropContainer', () => {
         onAddFiles={onAddFiles}
         accept={['.txt', '.a_a', '.b-b', '.a-b_c']}
         pattern=".[0-9a-z-_]+$"
+        {...requiredProps}
       />
     );
     // eslint-disable-next-line testing-library/no-container, testing-library/no-node-access
diff --git a/packages/react/src/components/FluidDropdown/__tests__/FluidDropdown-test.js b/packages/react/src/components/FluidDropdown/__tests__/FluidDropdown-test.js
index e00cacd50b87..94998f0c8b3d 100644
--- a/packages/react/src/components/FluidDropdown/__tests__/FluidDropdown-test.js
+++ b/packages/react/src/components/FluidDropdown/__tests__/FluidDropdown-test.js
@@ -29,6 +29,7 @@ describe('FluidDropdown', () => {
       label: 'input',
       placeholder: 'Filter...',
       type: 'default',
+      titleText: 'Dropdown label',
     };
   });
 
@@ -104,12 +105,12 @@ describe('FluidDropdown', () => {
 
   describe('title', () => {
     it('renders a title', () => {
-      render(<FluidDropdown titleText="Email Input" {...mockProps} />);
+      render(<FluidDropdown {...mockProps} titleText="Email Input" />);
       expect(screen.getByText('Email Input')).toBeInTheDocument();
     });
 
     it('has the expected classes', () => {
-      render(<FluidDropdown titleText="Email Input" {...mockProps} />);
+      render(<FluidDropdown {...mockProps} titleText="Email Input" />);
       expect(screen.getByText('Email Input')).toHaveClass(`${prefix}--label`);
     });
   });
diff --git a/packages/react/src/components/FluidSearch/FluidSearch.js b/packages/react/src/components/FluidSearch/FluidSearch.js
index 1544d54cbfc5..18c209a5ba8f 100644
--- a/packages/react/src/components/FluidSearch/FluidSearch.js
+++ b/packages/react/src/components/FluidSearch/FluidSearch.js
@@ -26,13 +26,6 @@ const FluidSearch = React.forwardRef(function FluidSearch(
   );
 });
 
-FluidSearch.defaultProps = {
-  autoComplete: 'off',
-  closeButtonLabelText: 'Clear search input',
-  role: 'searchbox',
-  type: 'text',
-};
-
 FluidSearch.propTypes = {
   /**
    * Specify an optional value for the `autocomplete` property on the underlying
diff --git a/packages/react/src/components/FormGroup/FormGroup.stories.js b/packages/react/src/components/FormGroup/FormGroup.stories.js
index fbdda32b29e0..d2e0cfccdbd2 100644
--- a/packages/react/src/components/FormGroup/FormGroup.stories.js
+++ b/packages/react/src/components/FormGroup/FormGroup.stories.js
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import FormGroup from '../FormGroup';
+import { FormGroup } from '../FormGroup';
 import TextInput from '../TextInput';
 import RadioButtonGroup from '../RadioButtonGroup';
 import RadioButton from '../RadioButton';
diff --git a/packages/react/src/components/FormGroup/FormGroup.tsx b/packages/react/src/components/FormGroup/FormGroup.tsx
index 7c1b5de322ef..7dd2a8b541bb 100644
--- a/packages/react/src/components/FormGroup/FormGroup.tsx
+++ b/packages/react/src/components/FormGroup/FormGroup.tsx
@@ -47,11 +47,11 @@ export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
 const FormGroup = ({
   legendId,
   legendText,
-  invalid,
+  invalid = false,
   children,
   className,
-  message,
-  messageText,
+  message = false,
+  messageText = '',
   ...rest
 }: FormGroupProps) => {
   const prefix = usePrefix();
@@ -115,10 +115,4 @@ FormGroup.propTypes = {
   messageText: PropTypes.string,
 };
 
-FormGroup.defaultProps = {
-  invalid: false,
-  message: false,
-  messageText: '',
-};
-
 export default FormGroup;
diff --git a/packages/react/src/components/ListBox/ListBox.tsx b/packages/react/src/components/ListBox/ListBox.tsx
index 80e4a979049f..6e6017bb9ea0 100644
--- a/packages/react/src/components/ListBox/ListBox.tsx
+++ b/packages/react/src/components/ListBox/ListBox.tsx
@@ -90,8 +90,8 @@ const ListBox: ListBoxComponent = React.forwardRef(function ListBox(
   {
     children,
     className: containerClassName,
-    disabled,
-    type,
+    disabled = false,
+    type = 'default',
     size,
     invalid,
     invalidText,
@@ -156,7 +156,7 @@ ListBox.propTypes = {
   /**
    * Specify whether the ListBox is currently disabled
    */
-  disabled: PropTypes.bool.isRequired,
+  disabled: PropTypes.bool,
 
   /**
    * Specify whether the control is currently invalid
@@ -192,7 +192,7 @@ ListBox.propTypes = {
    * Specify the "type" of the ListBox. Currently supports either `default` or
    * `inline` as an option.
    */
-  type: ListBoxType.isRequired,
+  type: ListBoxType,
 
   /**
    * Specify whether the control is currently in warning state
@@ -205,9 +205,4 @@ ListBox.propTypes = {
   warnText: PropTypes.node,
 };
 
-ListBox.defaultProps = {
-  disabled: false,
-  type: 'default',
-};
-
 export default ListBox;
diff --git a/packages/react/src/components/ListBox/ListBoxMenuIcon.tsx b/packages/react/src/components/ListBox/ListBoxMenuIcon.tsx
index aa55a958b746..c82921a2137f 100644
--- a/packages/react/src/components/ListBox/ListBoxMenuIcon.tsx
+++ b/packages/react/src/components/ListBox/ListBoxMenuIcon.tsx
@@ -74,11 +74,7 @@ ListBoxMenuIcon.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes.func.isRequired,
-};
-
-ListBoxMenuIcon.defaultProps = {
-  translateWithId: defaultTranslateWithId,
+  translateWithId: PropTypes.func,
 };
 
 export default ListBoxMenuIcon;
diff --git a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx b/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
index 0a0c18d2d72d..b6eb7e41804a 100644
--- a/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
+++ b/packages/react/src/components/ListBox/ListBoxMenuItem.tsx
@@ -59,7 +59,13 @@ export type ListBoxMenuItemComponent = ForwardRefReturn<
  */
 const ListBoxMenuItem = React.forwardRef<HTMLLIElement, ListBoxMenuItemProps>(
   function ListBoxMenuItem(
-    { children, isActive, isHighlighted, title, ...rest }: ListBoxMenuItemProps,
+    {
+      children,
+      isActive = false,
+      isHighlighted = false,
+      title,
+      ...rest
+    }: ListBoxMenuItemProps,
     forwardedRef: ListBoxMenuItemForwardedRef
   ) {
     const prefix = usePrefix();
@@ -101,12 +107,12 @@ ListBoxMenuItem.propTypes = {
   /**
    * Specify whether the current menu item is "active".
    */
-  isActive: PropTypes.bool.isRequired,
+  isActive: PropTypes.bool,
 
   /**
    * Specify whether the current menu item is "highlighted".
    */
-  isHighlighted: PropTypes.bool.isRequired,
+  isHighlighted: PropTypes.bool,
 
   /**
    * Provide an optional tooltip for the ListBoxMenuItem
@@ -114,9 +120,4 @@ ListBoxMenuItem.propTypes = {
   title: PropTypes.string,
 };
 
-ListBoxMenuItem.defaultProps = {
-  isActive: false,
-  isHighlighted: false,
-};
-
 export default ListBoxMenuItem as ListBoxMenuItemComponent;
diff --git a/packages/react/src/components/ListBox/ListBoxSelection.tsx b/packages/react/src/components/ListBox/ListBoxSelection.tsx
index e88a88cbdc5a..9ef89b691b45 100644
--- a/packages/react/src/components/ListBox/ListBoxSelection.tsx
+++ b/packages/react/src/components/ListBox/ListBoxSelection.tsx
@@ -50,11 +50,23 @@ export interface ListBoxSelectionProps {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId(messageId: string, args?: Record<string, unknown>): string;
+  translateWithId?(messageId: string, args?: Record<string, unknown>): string;
 }
 
 export type ListBoxSelectionComponent = React.FC<ListBoxSelectionProps>;
 
+export const translationIds = {
+  'clear.all': 'clear.all',
+  'clear.selection': 'clear.selection',
+};
+
+const defaultTranslations = {
+  [translationIds['clear.all']]: 'Clear all selected items',
+  [translationIds['clear.selection']]: 'Clear selected item',
+};
+
+const defaultTranslateWithId = (id: string) => defaultTranslations[id];
+
 /**
  * `ListBoxSelection` is used to provide controls for clearing a selection, in
  * addition to conditionally rendering a badge if the control has more than one
@@ -63,7 +75,7 @@ export type ListBoxSelectionComponent = React.FC<ListBoxSelectionProps>;
 const ListBoxSelection: ListBoxSelectionComponent = ({
   clearSelection,
   selectionCount,
-  translateWithId: t,
+  translateWithId: t = defaultTranslateWithId,
   disabled,
   onClearSelection,
   readOnly,
@@ -124,16 +136,6 @@ const ListBoxSelection: ListBoxSelectionComponent = ({
   );
 };
 
-export const translationIds = {
-  'clear.all': 'clear.all',
-  'clear.selection': 'clear.selection',
-};
-
-const defaultTranslations = {
-  [translationIds['clear.all']]: 'Clear all selected items',
-  [translationIds['clear.selection']]: 'Clear selected item',
-};
-
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
@@ -168,11 +170,7 @@ ListBoxSelection.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes.func.isRequired,
-};
-
-ListBoxSelection.defaultProps = {
-  translateWithId: (id: string) => defaultTranslations[id],
+  translateWithId: PropTypes.func,
 };
 
 export default ListBoxSelection;
diff --git a/packages/react/src/components/ListBox/next/ListBoxSelection.js b/packages/react/src/components/ListBox/next/ListBoxSelection.js
index d7fbe6c67bd6..1ecc3a5b743b 100644
--- a/packages/react/src/components/ListBox/next/ListBoxSelection.js
+++ b/packages/react/src/components/ListBox/next/ListBoxSelection.js
@@ -16,10 +16,23 @@ import { usePrefix } from '../../../internal/usePrefix';
  * addition to conditionally rendering a badge if the control has more than one
  * selection.
  */
+
+export const translationIds = {
+  'clear.all': 'clear.all',
+  'clear.selection': 'clear.selection',
+};
+
+const defaultTranslations = {
+  [translationIds['clear.all']]: 'Clear all selected items',
+  [translationIds['clear.selection']]: 'Clear selected item',
+};
+
+const defaultTranslateWithId = (id) => defaultTranslations[id];
+
 function ListBoxSelection({
   clearSelection,
   selectionCount,
-  translateWithId: t,
+  translateWithId: t = defaultTranslateWithId,
   disabled,
   onClearSelection,
   ...rest
@@ -85,16 +98,6 @@ function ListBoxSelection({
   );
 }
 
-export const translationIds = {
-  'clear.all': 'clear.all',
-  'clear.selection': 'clear.selection',
-};
-
-const defaultTranslations = {
-  [translationIds['clear.all']]: 'Clear all selected items',
-  [translationIds['clear.selection']]: 'Clear selected item',
-};
-
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
@@ -136,11 +139,7 @@ ListBoxSelection.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes.func.isRequired,
-};
-
-ListBoxSelection.defaultProps = {
-  translateWithId: (id) => defaultTranslations[id],
+  translateWithId: PropTypes.func,
 };
 
 export default ListBoxSelection;
diff --git a/packages/react/src/components/ListBox/next/ListBoxTrigger.js b/packages/react/src/components/ListBox/next/ListBoxTrigger.js
index fa096abd7e1e..4e5f8e130c6f 100644
--- a/packages/react/src/components/ListBox/next/ListBoxTrigger.js
+++ b/packages/react/src/components/ListBox/next/ListBoxTrigger.js
@@ -21,11 +21,17 @@ const defaultTranslations = {
   [translationIds['open.menu']]: 'Open',
 };
 
+const defaultTranslateWithId = (id) => defaultTranslations[id];
+
 /**
  * `ListBoxTrigger` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-const ListBoxTrigger = ({ isOpen, translateWithId: t, ...rest }) => {
+const ListBoxTrigger = ({
+  isOpen,
+  translateWithId: t = defaultTranslateWithId,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,
@@ -57,11 +63,7 @@ ListBoxTrigger.propTypes = {
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes.func.isRequired,
-};
-
-ListBoxTrigger.defaultProps = {
-  translateWithId: (id) => defaultTranslations[id],
+  translateWithId: PropTypes.func,
 };
 
 export default ListBoxTrigger;
diff --git a/packages/react/src/components/Modal/Modal.js b/packages/react/src/components/Modal/Modal.js
index 5eca4542e223..8ade026277af 100644
--- a/packages/react/src/components/Modal/Modal.js
+++ b/packages/react/src/components/Modal/Modal.js
@@ -19,6 +19,7 @@ import wrapFocus, {
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
 import { usePrefix } from '../../internal/usePrefix';
 import { keys, match } from '../../internal/keyboard';
+import { noopFn } from '../../internal/noopFn';
 import { Text } from '../Text';
 
 const getInstanceId = setupGetInstanceId();
@@ -28,27 +29,27 @@ const Modal = React.forwardRef(function Modal(
     'aria-label': ariaLabelProp,
     children,
     className,
-    modalHeading,
-    modalLabel,
+    modalHeading = '',
+    modalLabel = '',
     modalAriaLabel,
-    passiveModal,
+    passiveModal = false,
     secondaryButtonText,
     primaryButtonText,
     open,
-    onRequestClose,
-    onRequestSubmit,
+    onRequestClose = noopFn,
+    onRequestSubmit = noopFn,
     onSecondarySubmit,
-    primaryButtonDisabled,
+    primaryButtonDisabled = false,
     danger,
     alert,
     secondaryButtons,
-    selectorPrimaryFocus, // eslint-disable-line
-    selectorsFloatingMenus, // eslint-disable-line
-    shouldSubmitOnEnter, // eslint-disable-line
+    selectorPrimaryFocus = '[data-modal-primary-focus]',
+    selectorsFloatingMenus,
+    shouldSubmitOnEnter,
     size,
-    hasScrollingContent,
+    hasScrollingContent = false,
     closeButtonLabel,
-    preventCloseOnClickOutside, // eslint-disable-line
+    preventCloseOnClickOutside = false,
     isFullWidth,
     launcherButtonRef,
     ...rest
@@ -515,17 +516,4 @@ Modal.propTypes = {
   size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
 };
 
-Modal.defaultProps = {
-  onRequestClose: () => {},
-  onRequestSubmit: () => {},
-  primaryButtonDisabled: false,
-  onKeyDown: () => {},
-  passiveModal: false,
-  modalHeading: '',
-  modalLabel: '',
-  preventCloseOnClickOutside: false,
-  selectorPrimaryFocus: '[data-modal-primary-focus]',
-  hasScrollingContent: false,
-};
-
 export default Modal;
diff --git a/packages/react/src/components/ModalWrapper/ModalWrapper.js b/packages/react/src/components/ModalWrapper/ModalWrapper.js
index f6f23d66c31e..2d144e2b1df9 100644
--- a/packages/react/src/components/ModalWrapper/ModalWrapper.js
+++ b/packages/react/src/components/ModalWrapper/ModalWrapper.js
@@ -11,6 +11,7 @@ import Modal from '../Modal';
 import Button from '../Button';
 import { ButtonKinds } from '../../prop-types/types';
 import { warning } from '../../internal/warning';
+import { noopFn } from '../../internal/noopFn';
 
 let didWarnAboutDeprecation = false;
 
@@ -52,18 +53,6 @@ export default class ModalWrapper extends React.Component {
     withHeader: PropTypes.bool,
   };
 
-  static defaultProps = {
-    shouldCloseAfterSubmit: true,
-    primaryButtonText: 'Save',
-    secondaryButtonText: 'Cancel',
-    triggerButtonIconDescription: 'Provide icon description if icon is used',
-    triggerButtonKind: 'primary',
-    disabled: false,
-    preventCloseOnClickOutside: false,
-    selectorPrimaryFocus: '[data-modal-primary-focus]',
-    onKeyDown: () => {},
-  };
-
   triggerButton = React.createRef();
   modal = React.createRef();
 
@@ -107,17 +96,19 @@ export default class ModalWrapper extends React.Component {
   render() {
     const {
       children,
-      onKeyDown,
+      onKeyDown = noopFn,
       buttonTriggerText,
       buttonTriggerClassName,
       renderTriggerButtonIcon,
-      triggerButtonIconDescription,
-      triggerButtonKind,
-      disabled,
+      primaryButtonText = 'Save',
+      secondaryButtonText = 'Cancel',
+      triggerButtonIconDescription = 'Provide icon description if icon is used',
+      triggerButtonKind = 'primary',
+      disabled = false,
       handleSubmit, // eslint-disable-line no-unused-vars
-      shouldCloseAfterSubmit, // eslint-disable-line no-unused-vars
-      selectorPrimaryFocus,
-      preventCloseOnClickOutside, // eslint-disable-line no-unused-vars
+      shouldCloseAfterSubmit = true, // eslint-disable-line no-unused-vars
+      selectorPrimaryFocus = '[data-modal-primary-focus]',
+      preventCloseOnClickOutside = false, // eslint-disable-line no-unused-vars
       ...other
     } = this.props;
 
@@ -148,7 +139,11 @@ export default class ModalWrapper extends React.Component {
           ref={this.triggerButton}>
           {buttonTriggerText}
         </Button>
-        <Modal ref={this.modal} {...props}>
+        <Modal
+          ref={this.modal}
+          primaryButtonText={primaryButtonText}
+          secondaryButtonText={secondaryButtonText}
+          {...props}>
           {children}
         </Modal>
       </div>
diff --git a/packages/react/src/components/MultiSelect/FilterableMultiSelect.js b/packages/react/src/components/MultiSelect/FilterableMultiSelect.js
index bda6384794e6..3e6cbd717a95 100644
--- a/packages/react/src/components/MultiSelect/FilterableMultiSelect.js
+++ b/packages/react/src/components/MultiSelect/FilterableMultiSelect.js
@@ -28,34 +28,34 @@ import { FormContext } from '../FluidForm';
 const FilterableMultiSelect = React.forwardRef(function FilterableMultiSelect(
   {
     className: containerClassName,
-    clearSelectionDescription,
-    clearSelectionText,
-    compareItems,
-    direction,
-    disabled,
+    clearSelectionDescription = 'Total items selected: ',
+    clearSelectionText = 'To clear selection, press Delete or Backspace',
+    compareItems = defaultCompareItems,
+    direction = 'bottom',
+    disabled = false,
     downshiftProps,
-    filterItems,
+    filterItems = defaultFilterItems,
     helperText,
     hideLabel,
     id,
-    initialSelectedItems,
+    initialSelectedItems = [],
     invalid,
     invalidText,
     items,
     itemToElement: ItemToElement, // needs to be capitalized for react to render it correctly
-    itemToString,
+    itemToString = defaultItemToString,
     light,
-    locale,
+    locale = 'en',
     onInputValueChange,
-    open,
+    open = false,
     onChange,
     onMenuChange,
     placeholder,
     titleText,
     type,
-    selectionFeedback,
+    selectionFeedback = 'top-after-reopen',
     size,
-    sortItems,
+    sortItems = defaultSortItems,
     translateWithId,
     useTitleInItem,
     warn,
@@ -680,19 +680,4 @@ FilterableMultiSelect.propTypes = {
   warnText: PropTypes.node,
 };
 
-FilterableMultiSelect.defaultProps = {
-  compareItems: defaultCompareItems,
-  direction: 'bottom',
-  disabled: false,
-  filterItems: defaultFilterItems,
-  initialSelectedItems: [],
-  itemToString: defaultItemToString,
-  locale: 'en',
-  sortItems: defaultSortItems,
-  open: false,
-  selectionFeedback: 'top-after-reopen',
-  clearSelectionText: 'To clear selection, press Delete or Backspace,',
-  clearSelectionDescription: 'Total items selected: ',
-};
-
 export default FilterableMultiSelect;
diff --git a/packages/react/src/components/MultiSelect/MultiSelect.stories.js b/packages/react/src/components/MultiSelect/MultiSelect.stories.js
index 110cd24c44ee..12ab47b32807 100644
--- a/packages/react/src/components/MultiSelect/MultiSelect.stories.js
+++ b/packages/react/src/components/MultiSelect/MultiSelect.stories.js
@@ -142,7 +142,7 @@ Playground.args = {
   invalidText: 'whoopsie!',
   label: 'This is a label',
   clearSelectionDescription: 'Total items selected: ',
-  useTitleInItem: 'this is the item title',
+  useTitleInItem: false,
   clearSelectionText: 'To clear selection, press Delete or Backspace,',
 };
 
diff --git a/packages/react/src/components/MultiSelect/MultiSelect.tsx b/packages/react/src/components/MultiSelect/MultiSelect.tsx
index 69b439a64dc3..1dd72c3c72e6 100644
--- a/packages/react/src/components/MultiSelect/MultiSelect.tsx
+++ b/packages/react/src/components/MultiSelect/MultiSelect.tsx
@@ -33,8 +33,8 @@ import { FormContext } from '../FluidForm';
 import { ListBoxProps } from '../ListBox/ListBox';
 import { OnChangeData } from '../Dropdown';
 import type { InternationalProps } from '../../types/common';
+import { noopFn } from '../../internal/noopFn';
 
-const noop = () => {};
 const getInstanceId = setupGetInstanceId();
 const {
   ItemClick,
@@ -98,7 +98,7 @@ interface MultiSelectSortingProps<ItemType> {
     item1: ItemType,
     item2: ItemType,
     options: SharedOptions
-  ): number; // required but has default value
+  ): number;
 
   /**
    * Provide a method that sorts all options in the control. Overriding this
@@ -123,7 +123,7 @@ interface MultiSelectSortingProps<ItemType> {
   sortItems?(
     items: ReadonlyArray<ItemType>,
     options: SortItemsOptions<ItemType>
-  ): ItemType[]; // required but has default value
+  ): ItemType[];
 }
 
 export interface MultiSelectProps<ItemType>
@@ -304,18 +304,18 @@ const MultiSelect = React.forwardRef(
       items,
       itemToElement,
       itemToString = defaultItemToString,
-      titleText,
+      titleText = false,
       hideLabel,
       helperText,
       label,
-      type,
+      type = 'default',
       size,
-      disabled,
-      initialSelectedItems,
-      sortItems,
-      compareItems,
-      clearSelectionText,
-      clearSelectionDescription,
+      disabled = false,
+      initialSelectedItems = [],
+      sortItems = defaultSortItems as MultiSelectProps<ItemType>['sortItems'],
+      compareItems = defaultCompareItems,
+      clearSelectionText = 'To clear selection, press Delete or Backspace',
+      clearSelectionDescription = 'Total items selected: ',
       light,
       invalid,
       invalidText,
@@ -324,14 +324,14 @@ const MultiSelect = React.forwardRef(
       useTitleInItem,
       translateWithId,
       downshiftProps,
-      open,
-      selectionFeedback,
+      open = false,
+      selectionFeedback = 'top-after-reopen',
       onChange,
       onMenuChange,
-      direction,
+      direction = 'bottom',
       selectedItems: selected,
       readOnly,
-      locale,
+      locale = 'en',
     }: MultiSelectProps<ItemType>,
     ref: ForwardedRef<HTMLButtonElement>
   ) => {
@@ -607,7 +607,9 @@ const MultiSelect = React.forwardRef(
             {selectedItems.length > 0 && (
               <ListBox.Selection
                 readOnly={readOnly}
-                clearSelection={!disabled && !readOnly ? clearSelection : noop}
+                clearSelection={
+                  !disabled && !readOnly ? clearSelection : noopFn
+                }
                 selectionCount={selectedItems.length}
                 // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 translateWithId={translateWithId!}
@@ -726,7 +728,7 @@ MultiSelect.propTypes = {
    * Provide a compare function that is used to determine the ordering of
    * options. See 'sortItems' for more control.
    */
-  compareItems: PropTypes.func.isRequired,
+  compareItems: PropTypes.func,
 
   /**
    * Specify the direction of the multiselect dropdown. Can be either top or bottom.
@@ -875,7 +877,7 @@ MultiSelect.propTypes = {
    *     locale: string,
    *   }) => Array<Item>
    */
-  sortItems: PropTypes.func.isRequired,
+  sortItems: PropTypes.func,
 
   /**
    * Provide text to be used in a `<label>` element that is tied to the
@@ -909,21 +911,4 @@ MultiSelect.propTypes = {
   warnText: PropTypes.node,
 };
 
-MultiSelect.defaultProps = {
-  compareItems: defaultCompareItems,
-  disabled: false,
-  locale: 'en',
-  itemToString: defaultItemToString,
-  initialSelectedItems: [],
-  sortItems: defaultSortItems as MultiSelectProps<unknown>['sortItems'],
-  type: 'default',
-  titleText: false,
-  open: false,
-  selectionFeedback: 'top-after-reopen',
-  direction: 'bottom',
-  clearSelectionText: 'To clear selection, press Delete or Backspace,',
-  clearSelectionDescription: 'Total items selected: ',
-  selectedItems: undefined,
-};
-
 export default MultiSelect as MultiSelectComponent;
diff --git a/packages/react/src/components/MultiSelect/MultiSelectPropTypes.js b/packages/react/src/components/MultiSelect/MultiSelectPropTypes.js
index 270df6ff417b..d053733ce847 100644
--- a/packages/react/src/components/MultiSelect/MultiSelectPropTypes.js
+++ b/packages/react/src/components/MultiSelect/MultiSelectPropTypes.js
@@ -15,7 +15,7 @@ export const sortingPropTypes = {
    * compareFunction :
    *  (itemA: string, itemB: string, { locale: string }) => number
    */
-  compareItems: PropTypes.func.isRequired,
+  compareItems: PropTypes.func,
 
   /**
    * Provide a method that sorts all options in the control. Overriding this
@@ -35,5 +35,5 @@ export const sortingPropTypes = {
    *     locale: string,
    *   }) => Array<Item>
    */
-  sortItems: PropTypes.func.isRequired,
+  sortItems: PropTypes.func,
 };
diff --git a/packages/react/src/components/MultiSelect/tools/sorting.js b/packages/react/src/components/MultiSelect/tools/sorting.js
index 3ac762c658df..570c10871aa7 100644
--- a/packages/react/src/components/MultiSelect/tools/sorting.js
+++ b/packages/react/src/components/MultiSelect/tools/sorting.js
@@ -9,8 +9,8 @@
  * Use the local `localCompare` with the `numeric` option to sort two,
  * potentially alpha-numeric, strings in a list of items.
  *
- * @param {string} itemA
- * @param {string} itemB
+ * @param {ItemType} itemA
+ * @param {ItemType} itemB
  * @param {object} options
  * @param {string} options.locale
  * @returns {number}
diff --git a/packages/react/src/components/Notification/Notification.tsx b/packages/react/src/components/Notification/Notification.tsx
index 2e86eb8c30b1..39f11dc5fc94 100644
--- a/packages/react/src/components/Notification/Notification.tsx
+++ b/packages/react/src/components/Notification/Notification.tsx
@@ -36,6 +36,7 @@ import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildre
 import { keys, matches } from '../../internal/keyboard';
 import { usePrefix } from '../../internal/usePrefix';
 import { useId } from '../../internal/useId';
+import { noopFn } from '../../internal/noopFn';
 
 /**
  * Conditionally call a callback when the escape key is pressed
@@ -136,6 +137,18 @@ NotificationActionButton.propTypes = {
 
 export interface NotificationButtonProps
   extends ButtonHTMLAttributes<HTMLButtonElement> {
+  /**
+   * Specify a label to be read by screen readers on the container node
+   * 'aria-label' of the NotificationButton component.
+   */
+  ['aria-label']?: string;
+
+  /**
+   * @deprecated please use `aria-label` instead.
+   * 'aria-label' of the NotificationButton component.
+   */
+  ariaLabel?: string;
+
   /**
    * Specify an optional icon for the Button through a string,
    * if provided. However, regular "close" icon is preferred.
@@ -157,14 +170,13 @@ export interface NotificationButtonProps
 }
 
 export function NotificationButton({
-  'aria-label': ariaLabel,
-  // @ts-expect-error: deprecated prop
+  'aria-label': ariaLabel = 'close notification',
   ariaLabel: deprecatedAriaLabel,
   className,
-  type,
-  renderIcon: IconTag,
+  type = 'button',
+  renderIcon: IconTag = Close,
   name,
-  notificationType,
+  notificationType = 'toast',
   ...rest
 }: NotificationButtonProps) {
   const prefix = usePrefix();
@@ -232,12 +244,6 @@ NotificationButton.propTypes = {
    */
   type: PropTypes.string,
 };
-NotificationButton.defaultProps = {
-  ['aria-label']: 'close notification',
-  notificationType: 'toast',
-  type: 'button',
-  renderIcon: Close,
-};
 
 /**
  * NotificationIcon
@@ -379,21 +385,20 @@ export interface ToastNotificationProps extends HTMLAttributes<HTMLDivElement> {
    */
   title?: string;
 }
-
 export function ToastNotification({
   ['aria-label']: ariaLabel,
   // @ts-expect-error: deprecated prop
   ariaLabel: deprecatedAriaLabel,
-  role,
+  role = 'status',
   onClose,
-  onCloseButtonClick,
+  onCloseButtonClick = noopFn,
   statusIconDescription,
   className,
   children,
-  kind,
+  kind = 'error',
   lowContrast,
-  hideCloseButton,
-  timeout,
+  hideCloseButton = false,
+  timeout = 0,
   title,
   caption,
   subtitle,
@@ -576,13 +581,6 @@ ToastNotification.propTypes = {
    */
   title: PropTypes.string,
 };
-ToastNotification.defaultProps = {
-  kind: 'error',
-  role: 'status',
-  onCloseButtonClick: () => {},
-  hideCloseButton: false,
-  timeout: 0,
-};
 
 /**
  * InlineNotification
@@ -664,14 +662,14 @@ export function InlineNotification({
   children,
   title,
   subtitle,
-  role,
+  role = 'status',
   onClose,
-  onCloseButtonClick,
+  onCloseButtonClick = noopFn,
   statusIconDescription,
   className,
-  kind,
+  kind = 'error',
   lowContrast,
-  hideCloseButton,
+  hideCloseButton = false,
   ...rest
 }: InlineNotificationProps) {
   const [isOpen, setIsOpen] = useState(true);
@@ -810,12 +808,6 @@ InlineNotification.propTypes = {
    */
   title: PropTypes.string,
 };
-InlineNotification.defaultProps = {
-  kind: 'error',
-  role: 'status',
-  onCloseButtonClick: () => {},
-  hideCloseButton: false,
-};
 
 /**
  * ActionableNotification
@@ -924,18 +916,18 @@ export function ActionableNotification({
   // @ts-expect-error: deprecated prop
   ariaLabel: deprecatedAriaLabel,
   children,
-  role,
+  role = 'alertdialog',
   onActionButtonClick,
   onClose,
-  onCloseButtonClick,
+  onCloseButtonClick = noopFn,
   statusIconDescription,
   className,
-  inline,
-  kind,
+  inline = false,
+  kind = 'error',
   lowContrast,
-  hideCloseButton,
-  hasFocus,
-  closeOnEscape,
+  hideCloseButton = false,
+  hasFocus = true,
+  closeOnEscape = true,
   title,
   subtitle,
   ...rest
@@ -1088,7 +1080,7 @@ ActionableNotification.propTypes = {
     'success',
     'warning',
     'warning-alt',
-  ]).isRequired,
+  ]),
 
   /**
    * Specify whether you are using the low contrast variant of the ActionableNotification.
@@ -1131,12 +1123,3 @@ ActionableNotification.propTypes = {
    */
   title: PropTypes.string,
 };
-ActionableNotification.defaultProps = {
-  kind: 'error',
-  role: 'alertdialog',
-  onCloseButtonClick: () => {},
-  hideCloseButton: false,
-  hasFocus: true,
-  closeOnEscape: true,
-  inline: false,
-};
diff --git a/packages/react/src/components/Notification/stories/InlineNotification.stories.js b/packages/react/src/components/Notification/stories/InlineNotification.stories.js
index 28758367e305..029e283b07e9 100644
--- a/packages/react/src/components/Notification/stories/InlineNotification.stories.js
+++ b/packages/react/src/components/Notification/stories/InlineNotification.stories.js
@@ -78,8 +78,6 @@ Playground.argTypes = {
   },
 };
 Playground.args = {
-  actionButtonLabel: 'Action',
-  inline: false,
   title: 'Notification title',
   subtitle: 'Subtitle text goes here',
 };
diff --git a/packages/react/src/components/OverflowMenu/OverflowMenu.js b/packages/react/src/components/OverflowMenu/OverflowMenu.js
index 8497fa4d4421..697bd4d59926 100644
--- a/packages/react/src/components/OverflowMenu/OverflowMenu.js
+++ b/packages/react/src/components/OverflowMenu/OverflowMenu.js
@@ -21,6 +21,7 @@ import { PrefixContext } from '../../internal/usePrefix';
 import deprecate from '../../prop-types/deprecate';
 import { IconButton } from '../IconButton';
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
+import { noopFn } from '../../internal/noopFn';
 
 const getInstanceId = setupGetInstanceId();
 
@@ -147,7 +148,7 @@ class OverflowMenu extends Component {
     /**
      * The icon description.
      */
-    iconDescription: PropTypes.string.isRequired,
+    iconDescription: PropTypes.string,
 
     /**
      * The element ID.
@@ -239,23 +240,6 @@ class OverflowMenu extends Component {
 
   static contextType = PrefixContext;
 
-  static defaultProps = {
-    ['aria-label']: null,
-    iconDescription: 'Options',
-    open: false,
-    direction: DIRECTION_BOTTOM,
-    flipped: false,
-    focusTrap: true,
-    renderIcon: OverflowMenuVertical,
-    onClick: () => {},
-    onKeyDown: () => {},
-    onClose: () => {},
-    onOpen: () => {},
-    menuOffset: getMenuOffset,
-    menuOffsetFlip: getMenuOffset,
-    selectorPrimaryFocus: '[data-overflow-menu-primary-focus]',
-  };
-
   /**
    * The handle of `onfocusin` or `focus` event handler.
    * @private
@@ -276,7 +260,7 @@ class OverflowMenu extends Component {
   _triggerRef = React.createRef();
 
   componentDidUpdate(_, prevState) {
-    const { onClose } = this.props;
+    const { onClose = noopFn } = this.props;
     if (!this.state.open && prevState.open) {
       onClose();
     }
@@ -308,10 +292,11 @@ class OverflowMenu extends Component {
   }
 
   handleClick = (evt) => {
+    const { onClick = noopFn } = this.props;
     evt.stopPropagation();
     if (!this._menuBody || !this._menuBody.contains(evt.target)) {
       this.setState({ open: !this.state.open });
-      this.props.onClick(evt);
+      onClick(evt);
     }
   };
 
@@ -356,12 +341,13 @@ class OverflowMenu extends Component {
   };
 
   closeMenu = (onCloseMenu) => {
+    const { onClose = noopFn } = this.props;
     this.setState({ open: false }, () => {
       // Optional callback to be executed after the state as been set to close
       if (onCloseMenu) {
         onCloseMenu();
       }
-      this.props.onClose();
+      onClose();
     });
   };
 
@@ -428,6 +414,7 @@ class OverflowMenu extends Component {
    * @private
    */
   _handlePlace = (menuBody) => {
+    const { onOpen = noopFn } = this.props;
     if (menuBody) {
       this._menuBody = menuBody;
       const hasFocusin = 'onfocusin' in window;
@@ -452,7 +439,7 @@ class OverflowMenu extends Component {
         },
         !hasFocusin
       );
-      this.props.onOpen();
+      onOpen();
     }
   };
 
@@ -471,20 +458,20 @@ class OverflowMenu extends Component {
     const prefix = this.context;
     const {
       id,
-      ['aria-label']: ariaLabel,
+      ['aria-label']: ariaLabel = null,
       ariaLabel: deprecatedAriaLabel,
       children,
-      iconDescription,
-      direction,
-      flipped,
-      focusTrap,
-      menuOffset,
-      menuOffsetFlip,
+      iconDescription = 'Options',
+      direction = DIRECTION_BOTTOM,
+      flipped = false,
+      focusTrap = true,
+      menuOffset = getMenuOffset,
+      menuOffsetFlip = getMenuOffset,
       iconClass,
-      onClick, // eslint-disable-line
-      onOpen, // eslint-disable-line
+      onClick = noopFn, // eslint-disable-line
+      onOpen = noopFn, // eslint-disable-line
       selectorPrimaryFocus = '[data-floating-menu-primary-focus]', // eslint-disable-line
-      renderIcon: IconElement,
+      renderIcon: IconElement = OverflowMenuVertical,
       // eslint-disable-next-line react/prop-types
       innerRef: ref,
       menuOptionsClass,
@@ -493,7 +480,7 @@ class OverflowMenu extends Component {
       ...other
     } = this.props;
 
-    const { open } = this.state;
+    const { open = false } = this.state;
 
     const overflowMenuClasses = classNames(
       this.props.className,
@@ -578,7 +565,7 @@ class OverflowMenu extends Component {
             {...other}
             type="button"
             aria-haspopup
-            aria-expanded={this.state.open}
+            aria-expanded={open}
             aria-controls={open ? menuBodyId : null}
             className={overflowMenuClasses}
             onClick={this.handleClick}
diff --git a/packages/react/src/components/Pagination/experimental/PageSelector.js b/packages/react/src/components/Pagination/experimental/PageSelector.js
index 51568ab21c46..0ba404724570 100644
--- a/packages/react/src/components/Pagination/experimental/PageSelector.js
+++ b/packages/react/src/components/Pagination/experimental/PageSelector.js
@@ -14,12 +14,11 @@ import SelectItem from '../../SelectItem';
 import { usePrefix } from '../../../internal/usePrefix';
 
 const getInstanceId = setupGetInstanceId();
-
 function PageSelector({
-  className,
+  className = null,
   currentPage,
-  id,
-  labelText,
+  id = 1,
+  labelText = 'Current page number',
   totalPages,
   ...other
 }) {
@@ -71,10 +70,4 @@ PageSelector.propTypes = {
   totalPages: PropTypes.number.isRequired,
 };
 
-PageSelector.defaultProps = {
-  className: null,
-  id: 1,
-  labelText: 'Current page number',
-};
-
 export default PageSelector;
diff --git a/packages/react/src/components/Pagination/experimental/Pagination.js b/packages/react/src/components/Pagination/experimental/Pagination.js
index 618c70f62888..98e7928e9da1 100644
--- a/packages/react/src/components/Pagination/experimental/Pagination.js
+++ b/packages/react/src/components/Pagination/experimental/Pagination.js
@@ -15,23 +15,23 @@ import { IconButton } from '../../IconButton';
 import { usePrefix } from '../../../internal/usePrefix';
 
 function Pagination({
-  backwardText,
-  children,
-  className,
-  disabled,
-  forwardText,
-  id,
-  initialPage,
-  itemsPerPageText,
-  itemRangeText,
-  itemText,
+  backwardText = 'Previous page',
+  children = undefined,
+  className = null,
+  disabled = false,
+  forwardText = 'Next page',
+  id = 1,
+  initialPage = 1,
+  itemsPerPageText = 'Items per page:',
+  itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
+  itemText = (min, max) => `${min}–${max} items`,
   onChange,
-  pageRangeText,
-  pageSize,
-  pageSizes,
-  pageText,
-  pagesUnknown,
-  totalItems,
+  pageRangeText = (current, total) => `${current} of ${total} pages`,
+  pageSize = 10,
+  pageSizes = undefined,
+  pageText = (page) => `page ${page}`,
+  pagesUnknown = false,
+  totalItems = undefined,
   ...other
 }) {
   const [currentPage, setCurrentPage] = useState(initialPage);
@@ -270,23 +270,4 @@ Pagination.propTypes = {
   totalItems: PropTypes.number,
 };
 
-Pagination.defaultProps = {
-  backwardText: 'Previous page',
-  className: null,
-  children: undefined,
-  disabled: false,
-  forwardText: 'Next page',
-  id: 1,
-  itemsPerPageText: 'Items per page:',
-  itemRangeText: (min, max, total) => `${min}–${max} of ${total} items`,
-  itemText: (min, max) => `${min}–${max} items`,
-  initialPage: 1,
-  pageRangeText: (current, total) => `${current} of ${total} pages`,
-  pageSize: 10,
-  pageSizes: undefined,
-  pageText: (page) => `page ${page}`,
-  pagesUnknown: false,
-  totalItems: undefined,
-};
-
 export default Pagination;
diff --git a/packages/react/src/components/ProgressIndicator/ProgressIndicator.js b/packages/react/src/components/ProgressIndicator/ProgressIndicator.js
index 70af1a73cce1..06e846ab01d6 100644
--- a/packages/react/src/components/ProgressIndicator/ProgressIndicator.js
+++ b/packages/react/src/components/ProgressIndicator/ProgressIndicator.js
@@ -128,7 +128,7 @@ function ProgressStep({
   secondaryLabel,
   disabled,
   onClick,
-  translateWithId: t,
+  translateWithId: t = translateWithId,
   ...rest
 }) {
   const prefix = usePrefix();
@@ -297,8 +297,4 @@ ProgressStep.propTypes = {
   translateWithId: PropTypes.func,
 };
 
-ProgressStep.defaultProps = {
-  translateWithId,
-};
-
 export { ProgressIndicator, ProgressStep };
diff --git a/packages/react/src/components/RadioTile/RadioTile.js b/packages/react/src/components/RadioTile/RadioTile.js
index 7cecb48abc2e..6520a4e4136e 100644
--- a/packages/react/src/components/RadioTile/RadioTile.js
+++ b/packages/react/src/components/RadioTile/RadioTile.js
@@ -13,6 +13,7 @@ import { keys, matches } from '../../internal/keyboard';
 import { useFallbackId } from '../../internal/useId';
 import { usePrefix } from '../../internal/usePrefix';
 import deprecate from '../../prop-types/deprecate';
+import { noopFn } from '../../internal/noopFn';
 import { Text } from '../Text';
 
 const RadioTile = React.forwardRef(function RadioTile(
@@ -26,8 +27,8 @@ const RadioTile = React.forwardRef(function RadioTile(
     name,
     value,
     id,
-    onChange,
-    tabIndex,
+    onChange = noopFn,
+    tabIndex = 0,
     ...rest
   },
   ref
@@ -138,9 +139,4 @@ RadioTile.propTypes = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
 };
 
-RadioTile.defaultProps = {
-  onChange: () => {},
-  tabIndex: 0,
-};
-
 export default RadioTile;
diff --git a/packages/react/src/components/Search/Search.Skeleton.tsx b/packages/react/src/components/Search/Search.Skeleton.tsx
index 1bb0a469b11e..c5695cbf4b81 100644
--- a/packages/react/src/components/Search/Search.Skeleton.tsx
+++ b/packages/react/src/components/Search/Search.Skeleton.tsx
@@ -23,7 +23,11 @@ export interface SearchSkeletonProps
   small?: boolean;
 }
 
-const SearchSkeleton = ({ small, className, ...rest }: SearchSkeletonProps) => {
+const SearchSkeleton = ({
+  small = false,
+  className,
+  ...rest
+}: SearchSkeletonProps) => {
   const prefix = usePrefix();
   const searchClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
@@ -51,9 +55,5 @@ SearchSkeleton.propTypes = {
   small: PropTypes.bool,
 };
 
-SearchSkeleton.defaultProps = {
-  small: false,
-};
-
 export default SearchSkeleton;
 export { SearchSkeleton };
diff --git a/packages/react/src/components/Select/Select.tsx b/packages/react/src/components/Select/Select.tsx
index 36627540a365..f940724d686b 100644
--- a/packages/react/src/components/Select/Select.tsx
+++ b/packages/react/src/components/Select/Select.tsx
@@ -99,7 +99,7 @@ interface SelectProps
   light?: boolean;
 
   /**
-   * Reserved for use with <Pagination> component. Will not render a label for the
+   * Reserved for use with Pagination component. Will not render a label for the
    * select since Pagination renders one for us.
    */
   noLabel?: boolean;
@@ -135,16 +135,16 @@ const Select = React.forwardRef(function Select(
     className,
     id,
     inline = false,
-    labelText,
+    labelText = 'Select',
     disabled = false,
     children,
-    // reserved for use with <Pagination> component
+    // reserved for use with Pagination component
     noLabel = false,
     // eslint-disable-next-line no-unused-vars
     hideLabel = false,
     invalid = false,
-    invalidText,
-    helperText,
+    invalidText = '',
+    helperText = '',
     light = false,
     readOnly,
     size,
@@ -375,7 +375,7 @@ Select.propTypes = {
   ),
 
   /**
-   * Reserved for use with <Pagination> component. Will not render a label for the
+   * Reserved for use with Pagination component. Will not render a label for the
    * select since Pagination renders one for us.
    */
   noLabel: PropTypes.bool,
@@ -407,13 +407,4 @@ Select.propTypes = {
   warnText: PropTypes.node,
 };
 
-Select.defaultProps = {
-  disabled: false,
-  labelText: 'Select',
-  inline: false,
-  invalid: false,
-  invalidText: '',
-  helperText: '',
-};
-
 export default Select;
diff --git a/packages/react/src/components/SelectItem/SelectItem-test.js b/packages/react/src/components/SelectItem/SelectItem-test.js
index ffb34d4b4c1b..b55c489e27c9 100644
--- a/packages/react/src/components/SelectItem/SelectItem-test.js
+++ b/packages/react/src/components/SelectItem/SelectItem-test.js
@@ -14,7 +14,9 @@ const prefix = 'cds';
 describe('SelectItem', () => {
   describe('renders as expected - Component API', () => {
     it('should spread extra props onto outermost element', () => {
-      render(<SelectItem data-testid="test-id" text={'testText'} />);
+      render(
+        <SelectItem data-testid="test-id" text={'testText'} value="testValue" />
+      );
       expect(screen.getByText('testText')).toHaveAttribute(
         'data-testid',
         'test-id'
@@ -22,29 +24,35 @@ describe('SelectItem', () => {
     });
 
     it('Has the expected classes', () => {
-      render(<SelectItem text={'testText'} />);
+      render(<SelectItem text={'testText'} value="testValue" />);
       expect(screen.getByText('testText')).toHaveClass(
         `${prefix}--select-option`
       );
     });
 
     it('should support a custom `className` prop on the outermost element', () => {
-      render(<SelectItem className="custom-class" text={'testText'} />);
+      render(
+        <SelectItem
+          className="custom-class"
+          text={'testText'}
+          value="testValue"
+        />
+      );
       expect(screen.getByText('testText')).toHaveClass('custom-class');
     });
 
     it('should respect disabled prop', () => {
-      render(<SelectItem disabled text={'testText'} />);
+      render(<SelectItem disabled text={'testText'} value="testValue" />);
       expect(screen.getByText('testText')).toBeDisabled();
     });
 
     it('Should not be disabled by default', () => {
-      render(<SelectItem text={'testText'} />);
+      render(<SelectItem text={'testText'} value="testValue" />);
       expect(screen.getByText('testText')).toBeEnabled();
     });
 
     it('should respect hidden prop', () => {
-      render(<SelectItem hidden text={'testText'} />);
+      render(<SelectItem hidden text={'testText'} value="testValue" />);
       expect(screen.getByText('testText')).toHaveAttribute('hidden');
     });
 
diff --git a/packages/react/src/components/SelectItem/SelectItem.tsx b/packages/react/src/components/SelectItem/SelectItem.tsx
index d2d9af8f612e..b92831b77fef 100644
--- a/packages/react/src/components/SelectItem/SelectItem.tsx
+++ b/packages/react/src/components/SelectItem/SelectItem.tsx
@@ -39,10 +39,10 @@ export interface SelectItemProps extends HTMLAttributes<HTMLOptionElement> {
 
 const SelectItem = ({
   className,
-  value,
-  disabled,
-  hidden,
-  text,
+  value = '',
+  disabled = false,
+  hidden = false,
+  text = '',
   ...other
 }: SelectItemProps) => {
   const prefix = usePrefix();
@@ -90,11 +90,4 @@ SelectItem.propTypes = {
   value: PropTypes.any.isRequired,
 };
 
-SelectItem.defaultProps = {
-  disabled: false,
-  hidden: false,
-  value: '',
-  text: '',
-};
-
 export default SelectItem;
diff --git a/packages/react/src/components/SelectItemGroup/SelectItemGroup.tsx b/packages/react/src/components/SelectItemGroup/SelectItemGroup.tsx
index 58094f1f94ed..47082da25107 100644
--- a/packages/react/src/components/SelectItemGroup/SelectItemGroup.tsx
+++ b/packages/react/src/components/SelectItemGroup/SelectItemGroup.tsx
@@ -36,7 +36,7 @@ export interface SelectItemGroupProps
 const SelectItemGroup = ({
   children,
   className,
-  disabled,
+  disabled = false,
   label,
   ...other
 }: SelectItemGroupProps) => {
@@ -75,8 +75,4 @@ SelectItemGroup.propTypes = {
   label: PropTypes.string.isRequired,
 };
 
-SelectItemGroup.defaultProps = {
-  disabled: false,
-};
-
 export default SelectItemGroup;
diff --git a/packages/react/src/components/SkeletonText/SkeletonText.tsx b/packages/react/src/components/SkeletonText/SkeletonText.tsx
index 30d2bc542f31..acdc19e96ce3 100644
--- a/packages/react/src/components/SkeletonText/SkeletonText.tsx
+++ b/packages/react/src/components/SkeletonText/SkeletonText.tsx
@@ -140,11 +140,4 @@ SkeletonText.propTypes = {
   width: PropTypes.string,
 };
 
-SkeletonText.defaultProps = {
-  paragraph: false,
-  width: '100%',
-  heading: false,
-  lineCount: 3,
-};
-
 export default SkeletonText;
diff --git a/packages/react/src/components/Slider/Slider.tsx b/packages/react/src/components/Slider/Slider.tsx
index f1007a74874a..b803cd80833a 100644
--- a/packages/react/src/components/Slider/Slider.tsx
+++ b/packages/react/src/components/Slider/Slider.tsx
@@ -496,18 +496,6 @@ class Slider extends PureComponent<SliderProps> {
     warnText: PropTypes.node,
   };
 
-  static defaultProps = {
-    hideTextInput: false,
-    step: 1,
-    stepMultiplier: 4,
-    disabled: false,
-    minLabel: '',
-    maxLabel: '',
-    inputType: 'number',
-    readOnly: false,
-    translateWithId,
-  };
-
   static contextType = FeatureFlagContext;
 
   state = {
@@ -826,11 +814,13 @@ class Slider extends PureComponent<SliderProps> {
       return;
     }
 
+    const { step = 1, stepMultiplier = 4 } = this.props;
+
     let delta = 0;
     if (matches(evt, [keys.ArrowDown, keys.ArrowLeft])) {
-      delta = -(this.props.step ?? Slider.defaultProps.step);
+      delta = -step;
     } else if (matches(evt, [keys.ArrowUp, keys.ArrowRight])) {
-      delta = this.props.step ?? Slider.defaultProps.step;
+      delta = step;
     } else {
       // Ignore keys we don't want to handle
       return;
@@ -838,8 +828,7 @@ class Slider extends PureComponent<SliderProps> {
 
     // If shift was held, account for the stepMultiplier
     if (evt.shiftKey) {
-      const stepMultiplier = this.props.stepMultiplier;
-      delta *= stepMultiplier ?? Slider.defaultProps.stepMultiplier;
+      delta *= stepMultiplier;
     }
 
     if (this.hasTwoHandles() && this.state.activeHandle) {
@@ -1051,11 +1040,10 @@ class Slider extends PureComponent<SliderProps> {
   };
 
   calcSteppedValuePercent = ({ leftPercent, range }) => {
-    const totalSteps = range / (this.props.step ?? Slider.defaultProps.step);
+    const { step = 1 } = this.props;
+    const totalSteps = range / step;
 
-    let steppedValue =
-      Math.round(leftPercent * totalSteps) *
-      (this.props.step ?? Slider.defaultProps.step);
+    let steppedValue = Math.round(leftPercent * totalSteps) * step;
     const steppedPercent = this.clamp(steppedValue / range, 0, 1);
 
     steppedValue = this.clamp(
@@ -1130,11 +1118,7 @@ class Slider extends PureComponent<SliderProps> {
    *   A value determining how much the value should increase/decrease by moving
    *   the thumb by mouse.
    */
-  calcValueForDelta = (
-    currentValue,
-    delta,
-    step = Slider.defaultProps.step
-  ) => {
+  calcValueForDelta = (currentValue, delta, step = 1) => {
     return (
       (delta > 0 ? Math.floor(currentValue / step) * step : currentValue) +
       delta
@@ -1311,26 +1295,26 @@ class Slider extends PureComponent<SliderProps> {
       ariaLabelInput,
       unstable_ariaLabelInputUpper: ariaLabelInputUpper,
       className,
-      hideTextInput,
+      hideTextInput = false,
       id = (this.inputId =
         this.inputId ||
         `__carbon-slider_${Math.random().toString(36).substr(2)}`),
       min,
-      minLabel,
+      minLabel = '',
       max,
-      maxLabel,
+      maxLabel = '',
       formatLabel = defaultFormatLabel,
       labelText,
-      step,
+      step = 1,
       stepMultiplier: _stepMultiplier,
-      inputType,
+      inputType = 'number',
       invalidText,
       required,
-      disabled,
+      disabled = false,
       name,
       unstable_nameUpper: nameUpper,
       light,
-      readOnly,
+      readOnly = false,
       warn,
       warnText,
       translateWithId: t = translateWithId,
diff --git a/packages/react/src/components/Switch/Switch.tsx b/packages/react/src/components/Switch/Switch.tsx
index 03e73b56a630..a3120b7f36a6 100644
--- a/packages/react/src/components/Switch/Switch.tsx
+++ b/packages/react/src/components/Switch/Switch.tsx
@@ -14,6 +14,7 @@ import React, {
 } from 'react';
 import classNames from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
+import { noopFn } from '../../internal/noopFn';
 
 interface SwitchEventHandlersParams {
   index?: number;
@@ -86,8 +87,8 @@ const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(function Switch(
     disabled,
     index,
     name,
-    onClick,
-    onKeyDown,
+    onClick = noopFn,
+    onKeyDown = noopFn,
     selected = false,
     text,
     ...other
@@ -184,10 +185,4 @@ Switch.propTypes = {
   text: PropTypes.string,
 };
 
-Switch.defaultProps = {
-  selected: false,
-  onClick: () => {},
-  onKeyDown: () => {},
-};
-
 export default Switch;
diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
index fe4bdb5c4749..f29aafda7812 100644
--- a/packages/react/src/components/TextArea/TextArea.tsx
+++ b/packages/react/src/components/TextArea/TextArea.tsx
@@ -16,6 +16,7 @@ import { useAnnouncer } from '../../internal/useAnnouncer';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect';
 import { useMergedRefs } from '../../internal/useMergedRefs';
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
+import { noopFn } from '../../internal/noopFn';
 import { Text } from '../Text';
 
 const getInstanceId = setupGetInstanceId();
@@ -137,25 +138,27 @@ export interface TextAreaProps
 const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   const {
     className,
+    disabled = false,
     id,
     labelText,
     hideLabel,
-    onChange,
-    onClick,
-    invalid,
-    invalidText,
-    helperText,
+    onChange = noopFn,
+    onClick = noopFn,
+    invalid = false,
+    invalidText = '',
+    helperText = '',
     light,
-    placeholder,
-    enableCounter,
-    maxCount,
+    placeholder = '',
+    enableCounter = false,
+    maxCount = undefined,
     warn = false,
-    warnText,
+    warnText = '',
+    rows = 4,
     ...other
   } = props;
   const prefix = usePrefix();
   const { isFluid } = useContext(FormContext);
-  const { defaultValue, value, disabled } = other;
+  const { defaultValue, value } = other;
   const [textCount, setTextCount] = useState(
     defaultValue?.toString()?.length || value?.toString()?.length || 0
   );
@@ -175,7 +178,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   } = {
     id,
     onChange: (evt) => {
-      if (!other.disabled && onChange) {
+      if (!disabled && onChange) {
         evt?.persist?.();
         // delay textCount assignation to give the textarea element value time to catch up if is a controlled input
         setTimeout(() => {
@@ -185,7 +188,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
       }
     },
     onClick: (evt) => {
-      if (!other.disabled && onClick) {
+      if (!disabled && onClick) {
         onClick(evt);
       }
     },
@@ -219,7 +222,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
     ) : null;
 
   const helperTextClasses = classNames(`${prefix}--form__helper-text`, {
-    [`${prefix}--form__helper-text--disabled`]: other.disabled,
+    [`${prefix}--form__helper-text--disabled`]: disabled,
   });
 
   const helperId = !helperText
@@ -294,7 +297,8 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
       className={textareaClasses}
       aria-invalid={invalid}
       aria-describedby={ariaDescribedBy}
-      disabled={other.disabled}
+      disabled={disabled}
+      rows={rows}
       readOnly={other.readOnly}
       ref={ref}
     />
@@ -452,19 +456,4 @@ TextArea.propTypes = {
   warnText: PropTypes.node,
 };
 
-TextArea.defaultProps = {
-  disabled: false,
-  onChange: () => {},
-  onClick: () => {},
-  placeholder: '',
-  rows: 4,
-  invalid: false,
-  invalidText: '',
-  helperText: '',
-  enableCounter: false,
-  maxCount: undefined,
-  warn: false,
-  warnText: '',
-};
-
 export default TextArea;
diff --git a/packages/react/src/components/TextInput/ControlledPasswordInput.tsx b/packages/react/src/components/TextInput/ControlledPasswordInput.tsx
index 781d7b9ab534..24d7858d4801 100644
--- a/packages/react/src/components/TextInput/ControlledPasswordInput.tsx
+++ b/packages/react/src/components/TextInput/ControlledPasswordInput.tsx
@@ -8,6 +8,7 @@ import deprecate from '../../prop-types/deprecate';
 import { usePrefix } from '../../internal/usePrefix';
 import setupGetInstanceId from '../../tools/setupGetInstanceId';
 import { ReactAttr } from '../../types/common';
+import { noopFn } from '../../internal/noopFn';
 
 const getInstanceId = setupGetInstanceId();
 
@@ -126,12 +127,13 @@ const ControlledPasswordInput = React.forwardRef(
       className,
       id,
       placeholder,
-      onChange,
-      onClick,
+      onChange = noopFn,
+      onClick = noopFn,
+      disabled = false,
       hideLabel,
-      invalid,
-      invalidText,
-      helperText,
+      invalid = false,
+      invalidText = '',
+      helperText = '',
       light,
       // eslint-disable-next-line react/prop-types
       type = 'password',
@@ -141,7 +143,7 @@ const ControlledPasswordInput = React.forwardRef(
       tooltipAlignment = 'center',
       hidePasswordLabel = 'Hide password',
       showPasswordLabel = 'Show password',
-      size,
+      size = undefined,
       ...other
     }: ControlledPasswordInputProps,
     ref
@@ -171,12 +173,12 @@ const ControlledPasswordInput = React.forwardRef(
     const sharedTextInputProps = {
       id,
       onChange: (evt: React.ChangeEvent<HTMLInputElement>) => {
-        if (!other.disabled) {
+        if (!disabled) {
           onChange?.(evt);
         }
       },
       onClick: (evt: React.MouseEvent<HTMLInputElement>) => {
-        if (!other.disabled) {
+        if (!disabled) {
           onClick?.(evt);
         }
       },
@@ -188,10 +190,10 @@ const ControlledPasswordInput = React.forwardRef(
     };
     const labelClasses = classNames(`${prefix}--label`, {
       [`${prefix}--visually-hidden`]: hideLabel,
-      [`${prefix}--label--disabled`]: other.disabled,
+      [`${prefix}--label--disabled`]: disabled,
     });
     const helperTextClasses = classNames(`${prefix}--form__helper-text`, {
-      [`${prefix}--form__helper-text--disabled`]: other.disabled,
+      [`${prefix}--form__helper-text--disabled`]: disabled,
     });
     const label = labelText ? (
       <label htmlFor={id} className={labelClasses}>
@@ -382,14 +384,4 @@ ControlledPasswordInput.propTypes = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
 };
 
-ControlledPasswordInput.defaultProps = {
-  disabled: false,
-  onChange: () => {},
-  onClick: () => {},
-  invalid: false,
-  invalidText: '',
-  helperText: '',
-  size: undefined,
-};
-
 export default ControlledPasswordInput;
diff --git a/packages/react/src/components/TileGroup/TileGroup.js b/packages/react/src/components/TileGroup/TileGroup.js
index 3cfa4dea6892..2d1242780ee6 100644
--- a/packages/react/src/components/TileGroup/TileGroup.js
+++ b/packages/react/src/components/TileGroup/TileGroup.js
@@ -10,6 +10,7 @@ import React from 'react';
 import RadioTile from '../RadioTile';
 import { warning } from '../../internal/warning';
 import { PrefixContext } from '../../internal/usePrefix';
+import { noopFn } from '../../internal/noopFn';
 
 export default class TileGroup extends React.Component {
   state = {
@@ -62,10 +63,6 @@ export default class TileGroup extends React.Component {
     valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   };
 
-  static defaultProps = {
-    onChange: /* istanbul ignore next */ () => {},
-  };
-
   static getDerivedStateFromProps({ valueSelected, defaultSelected }, state) {
     const { prevValueSelected } = state;
     return prevValueSelected === valueSelected
@@ -105,9 +102,10 @@ export default class TileGroup extends React.Component {
   };
 
   handleChange = (newSelection, value, evt) => {
+    const { onChange = noopFn } = this.props;
     if (newSelection !== this.state.selected) {
       this.setState({ selected: newSelection });
-      this.props.onChange(newSelection, this.props.name, evt);
+      onChange(newSelection, this.props.name, evt);
     }
   };
 
diff --git a/packages/react/src/components/UIShell/Content.js b/packages/react/src/components/UIShell/Content.js
index b058fc6e34d7..1e763ad0bb9c 100644
--- a/packages/react/src/components/UIShell/Content.js
+++ b/packages/react/src/components/UIShell/Content.js
@@ -13,7 +13,7 @@ import { usePrefix } from '../../internal/usePrefix';
 const Content = ({
   className: customClassName,
   children,
-  tagName,
+  tagName = 'main',
   ...rest
 }) => {
   const prefix = usePrefix();
@@ -45,8 +45,4 @@ Content.propTypes = {
   tagName: PropTypes.string,
 };
 
-Content.defaultProps = {
-  tagName: 'main',
-};
-
 export default Content;
diff --git a/packages/react/src/components/UIShell/SideNavFooter.js b/packages/react/src/components/UIShell/SideNavFooter.js
index 1c4d282239bf..42538d2047ae 100644
--- a/packages/react/src/components/UIShell/SideNavFooter.js
+++ b/packages/react/src/components/UIShell/SideNavFooter.js
@@ -18,7 +18,7 @@ import { usePrefix } from '../../internal/usePrefix';
  * user interaction to expand or collapse the side navigation.
  */
 function SideNavFooter({
-  assistiveText,
+  assistiveText = 'Toggle opening or closing the side navigation',
   className: customClassName,
   expanded,
   onToggle,
@@ -47,7 +47,7 @@ SideNavFooter.propTypes = {
    * Provide text to be read to screen readers and shown as a tooltip when
    * interacting with the toggle button in the footer
    */
-  assistiveText: PropTypes.string.isRequired,
+  assistiveText: PropTypes.string,
 
   className: PropTypes.string,
 
@@ -63,8 +63,4 @@ SideNavFooter.propTypes = {
   onToggle: PropTypes.func.isRequired,
 };
 
-SideNavFooter.defaultProps = {
-  assistiveText: 'Toggle opening or closing the side navigation',
-};
-
 export default SideNavFooter;
diff --git a/packages/react/src/components/UIShell/SideNavIcon.tsx b/packages/react/src/components/UIShell/SideNavIcon.tsx
index 5a4f584b28e1..29113cb27e02 100644
--- a/packages/react/src/components/UIShell/SideNavIcon.tsx
+++ b/packages/react/src/components/UIShell/SideNavIcon.tsx
@@ -32,7 +32,7 @@ interface SideNavIconProps {
 const SideNavIcon: React.FC<SideNavIconProps> = ({
   children,
   className: customClassName,
-  small,
+  small = false,
 }) => {
   const prefix = usePrefix();
   const className = cx({
@@ -58,11 +58,7 @@ SideNavIcon.propTypes = {
   /**
    * Specify whether the icon should be placed in a smaller bounding box
    */
-  small: PropTypes.bool.isRequired,
-};
-
-SideNavIcon.defaultProps = {
-  small: false,
+  small: PropTypes.bool,
 };
 
 export default SideNavIcon;
diff --git a/packages/react/src/internal/FloatingMenu.js b/packages/react/src/internal/FloatingMenu.js
index 54b8d63840cd..dcfbdcc8a0f7 100644
--- a/packages/react/src/internal/FloatingMenu.js
+++ b/packages/react/src/internal/FloatingMenu.js
@@ -217,12 +217,6 @@ class FloatingMenu extends React.Component {
     updateOrientation: PropTypes.func,
   };
 
-  static defaultProps = {
-    menuOffset: {},
-    menuDirection: DIRECTION_BOTTOM,
-    updateOrientation: null,
-  };
-
   // `true` if the menu body is mounted and calculation of the position is in progress.
   _placeInProgress = false;
 
@@ -279,14 +273,14 @@ class FloatingMenu extends React.Component {
 
     const { menuOffset: oldMenuOffset = {}, menuDirection: oldMenuDirection } =
       prevProps;
-    const { menuOffset = {}, menuDirection } = this.props;
+    const { menuOffset = {}, menuDirection = DIRECTION_BOTTOM } = this.props;
 
     if (
       hasChangeInOffset(oldMenuOffset, menuOffset) ||
       oldMenuDirection !== menuDirection ||
       isAdjustment
     ) {
-      const { flipped, triggerRef, updateOrientation } = this.props;
+      const { flipped, triggerRef, updateOrientation = null } = this.props;
 
       const { current: triggerEl } = triggerRef;
       const menuSize = menuBody.getBoundingClientRect();
diff --git a/packages/react/src/internal/Selection.js b/packages/react/src/internal/Selection.js
index 8f1e41ea87d9..b689fed79103 100644
--- a/packages/react/src/internal/Selection.js
+++ b/packages/react/src/internal/Selection.js
@@ -120,10 +120,6 @@ export default class Selection extends React.Component {
     render: PropTypes.func,
   };
 
-  static defaultProps = {
-    initialSelectedItems: [],
-  };
-
   constructor(props) {
     super(props);
     this.state = {
diff --git a/packages/react/src/internal/noopFn.ts b/packages/react/src/internal/noopFn.ts
new file mode 100644
index 000000000000..062ec9581e14
--- /dev/null
+++ b/packages/react/src/internal/noopFn.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export const noopFn = () => {};