diff --git a/packages/libs/coreui/src/components/inputs/SelectTree/SelectTree.tsx b/packages/libs/coreui/src/components/inputs/SelectTree/SelectTree.tsx
index 567f82ee28..c39476a488 100644
--- a/packages/libs/coreui/src/components/inputs/SelectTree/SelectTree.tsx
+++ b/packages/libs/coreui/src/components/inputs/SelectTree/SelectTree.tsx
@@ -16,20 +16,22 @@ export interface SelectTreeProps<T> extends CheckboxTreeProps<T> {
 }
 
 function SelectTree<T>(props: SelectTreeProps<T>) {
-  const [buttonDisplayContent, setButtonDisplayContent] = useState<ReactNode>(
-    props.currentList && props.currentList.length
-      ? props.currentList.join(', ')
-      : props.buttonDisplayContent
-  );
   const {
-    selectedList,
-    onSelectionChange,
     shouldCloseOnSelection,
+    wrapPopover,
+    currentList,
+    selectedList = [],
+    onSelectionChange,
     hasPopoverButton = true,
     instantUpdate = true,
-    wrapPopover,
   } = props;
 
+  const [buttonDisplayContent, setButtonDisplayContent] = useState<ReactNode>(
+    currentList && currentList.length
+      ? currentList.join(', ')
+      : props.buttonDisplayContent
+  );
+
   // This local state is updated whenever a checkbox is clicked in the species tree.
   // When `instantUpdate` is false, pass the final value to `onSelectionChange` when the popover closes.
   // When it is true we call `onSelectionChange` whenever `localSelectedList` changes
@@ -47,8 +49,9 @@ function SelectTree<T>(props: SelectTreeProps<T>) {
   // live updates to caller when needed
   useEffect(() => {
     if (!instantUpdate) return;
+    if (!onSelectionChange) return;
     onSelectionChange(localSelectedList);
-  }, [onSelectionChange, localSelectedList]);
+  }, [onSelectionChange, localSelectedList, instantUpdate]);
 
   function truncatedButtonContent(selectedList: string[]) {
     return (
@@ -72,48 +75,15 @@ function SelectTree<T>(props: SelectTreeProps<T>) {
         ? truncatedButtonContent(localSelectedList)
         : props.buttonDisplayContent
     );
-    if (!instantUpdate) onSelectionChange(localSelectedList);
+    if (!instantUpdate && onSelectionChange)
+      onSelectionChange(localSelectedList);
   };
 
   const checkboxTree = (
     <CheckboxTree
-      tree={props.tree}
-      getNodeId={props.getNodeId}
-      getNodeChildren={props.getNodeChildren}
-      onExpansionChange={props.onExpansionChange}
-      shouldExpandDescendantsWithOneChild={
-        props.shouldExpandDescendantsWithOneChild
-      }
-      shouldExpandOnClick={props.shouldExpandOnClick}
-      showRoot={props.showRoot}
-      renderNode={props.renderNode}
-      expandedList={props.expandedList}
-      isSelectable={props.isSelectable}
+      {...props}
       selectedList={localSelectedList}
-      filteredList={props.filteredList}
-      customCheckboxes={props.customCheckboxes}
-      isMultiPick={props.isMultiPick}
-      name={props.name}
       onSelectionChange={setLocalSelectedList}
-      currentList={props.currentList}
-      defaultList={props.defaultList}
-      isSearchable={props.isSearchable}
-      autoFocusSearchBox={props.autoFocusSearchBox}
-      showSearchBox={props.showSearchBox}
-      searchBoxPlaceholder={props.searchBoxPlaceholder}
-      searchIconName={props.searchIconName}
-      searchBoxHelp={props.searchBoxHelp}
-      searchTerm={props.searchTerm}
-      onSearchTermChange={props.onSearchTermChange}
-      searchPredicate={props.searchPredicate}
-      renderNoResults={props.renderNoResults}
-      linksPosition={props.linksPosition}
-      additionalActions={props.additionalActions}
-      additionalFilters={props.additionalFilters}
-      isAdditionalFilterApplied={props.isAdditionalFilterApplied}
-      wrapTreeSection={props.wrapTreeSection}
-      styleOverrides={props.styleOverrides}
-      customTreeNodeCssSelectors={props.customTreeNodeCssSelectors}
     />
   );
 
diff --git a/packages/libs/coreui/src/components/inputs/checkboxes/CheckboxTree/CheckboxTree.tsx b/packages/libs/coreui/src/components/inputs/checkboxes/CheckboxTree/CheckboxTree.tsx
index 01c1ca0c05..0f6ebbf09e 100644
--- a/packages/libs/coreui/src/components/inputs/checkboxes/CheckboxTree/CheckboxTree.tsx
+++ b/packages/libs/coreui/src/components/inputs/checkboxes/CheckboxTree/CheckboxTree.tsx
@@ -162,7 +162,7 @@ export type CheckboxTreeProps<T> = {
   isSelectable?: boolean;
 
   /** List of selected nodes as represented by their ids, defaults to [ ] */
-  selectedList: string[];
+  selectedList?: string[];
 
   /**
    * List of filtered nodes as represented by their ids used to determine isLeafVisible node status.
@@ -182,7 +182,7 @@ export type CheckboxTreeProps<T> = {
 
   /** Takes array of ids, thus encapsulates:
    selectAll, clearAll, selectDefault, selectCurrent (i.e. reset) */
-  onSelectionChange: ChangeHandler;
+  onSelectionChange?: ChangeHandler;
 
   /** List of “current” ids, if omitted (undefined or null), then don’t display link */
   currentList?: string[];
@@ -193,7 +193,7 @@ export type CheckboxTreeProps<T> = {
   //%%%%%%%%%%% Properties associated with search %%%%%%%%%%%
 
   /** Indicates whether this is a searchable CBT.  If so, then show boxes and respect the optional parameters below, also turn off expansion; default to false */
-  isSearchable: boolean;
+  isSearchable?: boolean;
 
   /** Indicates if the search box should have autoFocus set to true */
   autoFocusSearchBox?: boolean;
@@ -202,7 +202,7 @@ export type CheckboxTreeProps<T> = {
   showSearchBox?: boolean;
 
   /** PlaceHolder text; shown in grey if searchTerm is empty */
-  searchBoxPlaceholder: string;
+  searchBoxPlaceholder?: string;
 
   /** Name of icon to show in search box */
   searchIconName?: 'search' | 'filter';
@@ -214,13 +214,13 @@ export type CheckboxTreeProps<T> = {
   searchBoxHelp?: string;
 
   /** Current search term; if non-empty, expandability is disabled */
-  searchTerm: string;
+  searchTerm?: string;
 
   /** Takes single arg: the new search text.  Called when user types into the search box */
-  onSearchTermChange: (term: string) => void;
+  onSearchTermChange?: (term: string) => void;
 
   /** Takes (node, searchTerms) and returns boolean. searchTerms is a list of query terms, parsed from the original input string. This function returns a boolean indicating if a node matches search criteria and should be shown */
-  searchPredicate: (node: T, terms: string[]) => boolean;
+  searchPredicate?: (node: T, terms: string[]) => boolean;
 
   renderNoResults?: (searchTerm: string, tree: T) => React.ReactNode;
 
@@ -246,6 +246,31 @@ export type CheckboxTreeProps<T> = {
   customTreeNodeCssSelectors?: object;
 };
 
+// Default values. Used across multiple functions in this file.
+// Define defaultCheckboxTreeProps as a partial of CheckboxTreeProps
+
+const defaultCheckboxTreeProps = {
+  showRoot: false,
+  expandedList: null,
+  isSelectable: false,
+  selectedList: [],
+  customCheckboxes: {},
+  isMultiPick: true,
+  onSelectionChange: () => {
+    /* */
+  },
+  isSearchable: false,
+  showSearchBox: true,
+  searchBoxPlaceholder: 'Search...',
+  searchBoxHelp: '',
+  searchTerm: '',
+  onSearchTermChange: () => {
+    /* */
+  },
+  searchPredicate: () => true,
+  linksPosition: LinksPosition.Both,
+};
+
 type TreeLinkHandler = MouseEventHandler<HTMLButtonElement>;
 
 type TreeLinksProps = {
@@ -463,7 +488,7 @@ function applyPropsToStatefulTree<T>(
   isSearchable: CheckboxTreeProps<T>['isSearchable'],
   isMultiPick: CheckboxTreeProps<T>['isMultiPick'],
   searchTerm: CheckboxTreeProps<T>['searchTerm'],
-  selectedList: CheckboxTreeProps<T>['selectedList'],
+  selectedList: CheckboxTreeProps<T>['selectedList'] = defaultCheckboxTreeProps.selectedList,
   propsExpandedList: CheckboxTreeProps<T>['expandedList'],
   isAdditionalFilterApplied: CheckboxTreeProps<T>['isAdditionalFilterApplied'],
   isLeafVisible: (id: string) => boolean,
@@ -589,8 +614,8 @@ function applyPropsToStatefulTree<T>(
  */
 function isActiveSearch<T>(
   isAdditionalFilterApplied: CheckboxTreeProps<T>['isAdditionalFilterApplied'],
-  isSearchable: CheckboxTreeProps<T>['isSearchable'],
-  searchTerm: CheckboxTreeProps<T>['searchTerm']
+  isSearchable: CheckboxTreeProps<T>['isSearchable'] = defaultCheckboxTreeProps.isSearchable,
+  searchTerm: CheckboxTreeProps<T>['searchTerm'] = defaultCheckboxTreeProps.searchTerm
 ) {
   return isSearchable && isFiltered(searchTerm, isAdditionalFilterApplied);
 }
@@ -625,12 +650,12 @@ function isFiltered(searchTerm: string, isAdditionalFilterApplied?: boolean) {
  */
 function createIsLeafVisible<T>(
   tree: CheckboxTreeProps<T>['tree'],
-  searchTerm: CheckboxTreeProps<T>['searchTerm'],
-  searchPredicate: CheckboxTreeProps<T>['searchPredicate'],
+  searchTerm: CheckboxTreeProps<T>['searchTerm'] = defaultCheckboxTreeProps.searchTerm,
+  searchPredicate: CheckboxTreeProps<T>['searchPredicate'] = defaultCheckboxTreeProps.searchPredicate,
   getNodeId: CheckboxTreeProps<T>['getNodeId'],
   getNodeChildren: CheckboxTreeProps<T>['getNodeChildren'],
   isAdditionalFilterApplied: CheckboxTreeProps<T>['isAdditionalFilterApplied'],
-  isSearchable: CheckboxTreeProps<T>['isSearchable'],
+  isSearchable: CheckboxTreeProps<T>['isSearchable'] = defaultCheckboxTreeProps.isSearchable,
   filteredList: CheckboxTreeProps<T>['filteredList']
 ) {
   // if not searching, if no additional filters are applied, and if filteredList is undefined, then all nodes are visible
@@ -695,32 +720,32 @@ function CheckboxTree<T>(props: CheckboxTreeProps<T>) {
     tree,
     getNodeId,
     getNodeChildren,
-    searchTerm,
-    selectedList,
+    searchTerm = defaultCheckboxTreeProps.searchTerm,
+    selectedList = defaultCheckboxTreeProps.selectedList,
     currentList,
     defaultList,
-    isSearchable,
+    isSearchable = defaultCheckboxTreeProps.isSearchable,
     isAdditionalFilterApplied,
     name,
     shouldExpandDescendantsWithOneChild,
     onExpansionChange,
-    isSelectable,
-    isMultiPick,
-    onSelectionChange,
-    showRoot,
+    onSelectionChange = defaultCheckboxTreeProps.onSelectionChange,
+    isSelectable = defaultCheckboxTreeProps.isSelectable,
+    isMultiPick = defaultCheckboxTreeProps.isMultiPick,
+    showRoot = defaultCheckboxTreeProps.showRoot,
     additionalActions,
-    linksPosition = LinksPosition.Both,
-    showSearchBox,
+    linksPosition = defaultCheckboxTreeProps.linksPosition,
+    showSearchBox = defaultCheckboxTreeProps.showSearchBox,
     autoFocusSearchBox,
-    onSearchTermChange,
-    searchBoxPlaceholder,
+    onSearchTermChange = defaultCheckboxTreeProps.onSearchTermChange,
+    searchBoxPlaceholder = defaultCheckboxTreeProps.searchBoxPlaceholder,
     searchIconName,
     searchIconPosition,
-    searchBoxHelp,
+    searchBoxHelp = defaultCheckboxTreeProps.searchBoxHelp,
     additionalFilters,
     wrapTreeSection,
     shouldExpandOnClick = true,
-    customCheckboxes,
+    customCheckboxes = defaultCheckboxTreeProps.customCheckboxes,
     renderNoResults,
     styleOverrides = {},
     customTreeNodeCssSelectors = {},
@@ -764,7 +789,7 @@ function CheckboxTree<T>(props: CheckboxTreeProps<T>) {
    * Creates a function that will handle selection-related tree link clicks
    */
   function createSelector(listFetcher: ListFetcher) {
-    return createLinkHandler(listFetcher, props.onSelectionChange);
+    return createLinkHandler(listFetcher, onSelectionChange);
   }
 
   // define event handlers related to expansion
@@ -1071,29 +1096,6 @@ function defaultRenderNoResults() {
   );
 }
 
-const defaultProps = {
-  showRoot: false,
-  expandedList: null,
-  isSelectable: false,
-  selectedList: [],
-  customCheckboxes: {},
-  isMultiPick: true,
-  onSelectionChange: () => {
-    /* */
-  },
-  isSearchable: false,
-  showSearchBox: true,
-  searchBoxPlaceholder: 'Search...',
-  searchBoxHelp: '',
-  searchTerm: '',
-  onSearchTermChange: () => {
-    /* */
-  },
-  searchPredicate: () => true,
-  linksPosition: LinksPosition.Both,
-};
-
-CheckboxTree.defaultProps = defaultProps;
 CheckboxTree.LinkPlacement = LinksPosition;
 export default CheckboxTree;
 
diff --git a/packages/libs/wdk-client/src/Components/AttributeFilter/FieldFilter.jsx b/packages/libs/wdk-client/src/Components/AttributeFilter/FieldFilter.jsx
index 419eb09954..36a0b7e514 100644
--- a/packages/libs/wdk-client/src/Components/AttributeFilter/FieldFilter.jsx
+++ b/packages/libs/wdk-client/src/Components/AttributeFilter/FieldFilter.jsx
@@ -12,12 +12,14 @@ const cx = makeClassNameHelper('field-detail');
  * Main interactive filtering interface for a particular field.
  */
 function FieldFilter(props) {
+  const { displayName = 'Items' } = props;
+
   let className = cx('', props.hideFieldPanel && 'fullWidth');
 
   return (
     <div className={className}>
       {!props.activeField ? (
-        <EmptyField displayName={props.displayName} />
+        <EmptyField displayName={displayName} />
       ) : (
         <React.Fragment>
           <h3>
@@ -48,9 +50,9 @@ function FieldFilter(props) {
               props.activeFieldState.summary == null &&
               props.activeFieldState.leafSummaries == null) ||
             props.dataCount == null ? null : isMulti(props.activeField) ? (
-            <MultiFieldFilter {...props} />
+            <MultiFieldFilter {...props} displayName={displayName} />
           ) : (
-            <SingleFieldFilter {...props} />
+            <SingleFieldFilter {...props} displayName={displayName} />
           )}
         </React.Fragment>
       )}
@@ -95,8 +97,4 @@ FieldFilter.propTypes = {
   selectByDefault: PropTypes.bool.isRequired,
 };
 
-FieldFilter.defaultProps = {
-  displayName: 'Items',
-};
-
 export default FieldFilter;
diff --git a/packages/libs/wdk-client/src/Components/AttributeFilter/ServerSideAttributeFilter.jsx b/packages/libs/wdk-client/src/Components/AttributeFilter/ServerSideAttributeFilter.jsx
index 044bf7d451..df70a6d538 100644
--- a/packages/libs/wdk-client/src/Components/AttributeFilter/ServerSideAttributeFilter.jsx
+++ b/packages/libs/wdk-client/src/Components/AttributeFilter/ServerSideAttributeFilter.jsx
@@ -10,7 +10,16 @@ import FieldFilter from '../../Components/AttributeFilter/FieldFilter';
  * Filtering UI for server-side filtering.
  */
 function ServerSideAttributeFilter(props) {
-  var { displayName, fieldTree, hideFilterPanel, hideFieldPanel } = props;
+  const {
+    fieldTree,
+    displayName = 'Items',
+    hideFilterPanel = false,
+    hideFieldPanel = false,
+    hideGlobalCounts = false,
+    selectByDefault = false,
+    histogramScaleYAxisDefault = true,
+    histogramTruncateYAxisDefault = false,
+  } = props;
 
   if (fieldTree == null) {
     return <h3>Data is not available for {displayName}.</h3>;
@@ -18,7 +27,9 @@ function ServerSideAttributeFilter(props) {
 
   return (
     <div style={{ overflowX: 'auto', marginRight: '1em' }}>
-      {hideFilterPanel || <FilterList {...props} />}
+      {hideFilterPanel || (
+        <FilterList {...props} hideGlobalCounts={hideGlobalCounts} />
+      )}
 
       {/* Main selection UI */}
       <div className="filters ui-helper-clearfix">
@@ -79,16 +90,6 @@ ServerSideAttributeFilter.propTypes = {
   onRangeScaleChange: PropTypes.func.isRequired,
 };
 
-ServerSideAttributeFilter.defaultProps = {
-  displayName: 'Items',
-  hideFilterPanel: false,
-  hideFieldPanel: false,
-  hideGlobalCounts: false,
-  selectByDefault: false,
-  histogramScaleYAxisDefault: true,
-  histogramTruncateYAxisDefault: false,
-};
-
 export default wrappable(ServerSideAttributeFilter);
 
 export function withOptions(options) {
diff --git a/packages/libs/wdk-client/src/Views/Records/RecordActionLink.jsx b/packages/libs/wdk-client/src/Views/Records/RecordActionLink.jsx
index 5dc5103bee..67ab169dbc 100644
--- a/packages/libs/wdk-client/src/Views/Records/RecordActionLink.jsx
+++ b/packages/libs/wdk-client/src/Views/Records/RecordActionLink.jsx
@@ -4,17 +4,26 @@ import Link from '../../Components/Link/Link';
 import { wrappable } from '../../Utils/ComponentUtils';
 
 let RecordActionLink = (props) => {
-  let className = 'wdk-RecordActionLink ' + props.className;
-  let LinkComponent = props.external ? 'a' : Link;
+  const {
+    onClick,
+    href = '#',
+    external = false,
+    label = 'Record action',
+    iconClassName = 'fa fa-bolt',
+    showLabel = true,
+  } = props;
+
+  let className = 'wdk-RecordActionLink ' + (props.className || '');
+  let LinkComponent = external ? 'a' : Link;
   let linkProps = {
-    [props.external ? 'href' : 'to']: props.href,
-    title: props.label,
+    [external ? 'href' : 'to']: href,
+    title: label,
     className: className,
-    onClick: props.onClick,
+    onClick: onClick,
   };
   return (
     <LinkComponent {...linkProps}>
-      {props.showLabel ? props.label : ''} <i className={props.iconClassName} />
+      {showLabel ? label : ''} <i className={iconClassName} />
     </LinkComponent>
   );
 };
@@ -30,13 +39,4 @@ RecordActionLink.propTypes = {
   showLabel: PropTypes.bool,
 };
 
-RecordActionLink.defaultProps = {
-  href: '#',
-  external: false,
-  className: '',
-  label: 'Record action',
-  iconClassName: 'fa fa-bolt',
-  showLabel: true,
-};
-
 export default wrappable(RecordActionLink);
diff --git a/packages/libs/web-common/src/components/records/Sequence.tsx b/packages/libs/web-common/src/components/records/Sequence.tsx
index 13a83a30d9..c4d0900e76 100644
--- a/packages/libs/web-common/src/components/records/Sequence.tsx
+++ b/packages/libs/web-common/src/components/records/Sequence.tsx
@@ -138,10 +138,6 @@ Sequence.propTypes = {
   ),
 };
 
-Sequence.defaultProps = {
-  highlightRegions: [],
-};
-
 function handleCopy(event: React.ClipboardEvent) {
   const string = window.getSelection()?.toString() ?? '';
   //const selection = makeSequenceLines(string).join('\n');