diff --git a/src/dialog/AlertDialog.jsx b/src/dialog/AlertDialog.jsx
index ce989a9..a430249 100644
--- a/src/dialog/AlertDialog.jsx
+++ b/src/dialog/AlertDialog.jsx
@@ -21,7 +21,13 @@ export function useAlertDialog({ title, message, ...footerProps }) {
   };
 }
 
-export function AlertDialog({ title, message, children, onClose, closeLabel }) {
+export function AlertDialog({
+  title = 'Atention required',
+  message,
+  children,
+  onClose = () => {},
+  closeLabel = 'Close',
+}) {
   return (
     <Dialog
       title={title}
@@ -33,12 +39,6 @@ export function AlertDialog({ title, message, children, onClose, closeLabel }) {
   );
 }
 
-AlertDialog.defaultProps = {
-  onClose: () => {},
-  title: 'Atention required',
-  closeLabel: 'Close',
-};
-
 AlertDialog.propTypes = {
   children: PropTypes.node,
   message: PropTypes.node,
@@ -47,17 +47,13 @@ AlertDialog.propTypes = {
   closeLabel: PropTypes.node,
 };
 
-function AlertDialogFooter({ close, onClose, closeLabel }) {
+function AlertDialogFooter({ close, onClose = () => {}, closeLabel = 'Close' }) {
   return (
     <button type="button" className="btn btn-primary" onClick={awaitForAsyncTask(onClose, close)}>
       {closeLabel}
     </button>
   );
 }
-AlertDialogFooter.defaultProps = {
-  onClose: () => {},
-  closeLabel: 'Close',
-};
 
 AlertDialogFooter.propTypes = {
   close: PropTypes.func,
diff --git a/src/dialog/ConfirmationDialog.jsx b/src/dialog/ConfirmationDialog.jsx
index 596b4de..0bdb045 100644
--- a/src/dialog/ConfirmationDialog.jsx
+++ b/src/dialog/ConfirmationDialog.jsx
@@ -22,7 +22,7 @@ export function useConfirmationDialog({ title, message, ...footerProps }) {
   };
 }
 
-export function ConfirmationDialog({ title, message, children, ...footerProps }) {
+export function ConfirmationDialog({ title = 'Atention required', message, children, ...footerProps }) {
   return (
     <Dialog
       title={title}
@@ -34,10 +34,6 @@ export function ConfirmationDialog({ title, message, children, ...footerProps })
   );
 }
 
-ConfirmationDialog.defaultProps = {
-  title: 'Atention required',
-};
-
 ConfirmationDialog.propTypes = {
   children: PropTypes.node,
   message: PropTypes.node,
@@ -49,7 +45,14 @@ ConfirmationDialog.propTypes = {
   proceedType: PropTypes.oneOf(['primary', 'danger', 'success']),
 };
 
-function ConfirmationDialogFooter({ close, onProceed, onCancel, cancelLabel, proceedLabel, proceedType }) {
+function ConfirmationDialogFooter({
+  close,
+  onProceed = () => {},
+  onCancel = () => {},
+  cancelLabel = 'Cancel',
+  proceedLabel = 'Proceed',
+  proceedType = 'primary',
+}) {
   return (
     <>
       <button type="button" className="btn btn-secondary" onClick={safeClick(awaitForAsyncTask(onCancel, close))}>
@@ -65,13 +68,7 @@ function ConfirmationDialogFooter({ close, onProceed, onCancel, cancelLabel, pro
     </>
   );
 }
-ConfirmationDialogFooter.defaultProps = {
-  onProceed: () => {},
-  onCancel: () => {},
-  cancelLabel: 'Cancel',
-  proceedLabel: 'Proceed',
-  proceedType: 'primary',
-};
+
 ConfirmationDialogFooter.propTypes = {
   close: PropTypes.func,
   onCancel: PropTypes.func,
diff --git a/src/dialog/Dialog.jsx b/src/dialog/Dialog.jsx
index b3cb12b..be78ed0 100644
--- a/src/dialog/Dialog.jsx
+++ b/src/dialog/Dialog.jsx
@@ -30,7 +30,7 @@ export function useDialog({ onlyRenderContentIfIsOpen = true, ...props }) {
   };
 }
 
-export function Dialog({ children, onlyRenderContentIfIsOpen, onClose, ...props }) {
+export function Dialog({ children, onlyRenderContentIfIsOpen = true, onClose = () => {}, ...props }) {
   const { isOpen, open, close } = useOpenState();
 
   const onCloseDialog = async () => {
@@ -53,11 +53,6 @@ export function Dialog({ children, onlyRenderContentIfIsOpen, onClose, ...props
   );
 }
 
-Dialog.defaultProps = {
-  onClose: () => {},
-  onlyRenderContentIfIsOpen: true,
-};
-
 Dialog.propTypes = {
   afterOpen: PropTypes.func,
   children: PropTypes.node,
diff --git a/src/dialog/Modal.jsx b/src/dialog/Modal.jsx
index 4fa51b8..50e8f83 100644
--- a/src/dialog/Modal.jsx
+++ b/src/dialog/Modal.jsx
@@ -8,20 +8,20 @@ import { formatClasses } from '../utils/attributes';
 const ESCAPE_KEYCODE = 27;
 
 export function Modal({
-  afterOpen,
+  afterOpen = () => {},
   body,
-  centered,
+  centered = true,
   contentClassName,
   footer,
   isOpen,
-  keyboard,
+  keyboard = true,
   onClose,
-  scrollable,
-  size,
-  staticBackdrop,
+  scrollable = false,
+  size = '',
+  staticBackdrop = false,
   title,
-  useTimesClose,
-  dialogBodyProps,
+  useTimesClose = true,
+  dialogBodyProps = {},
 }) {
   const modalRef = useRef(null);
   const closeAndHide = useCallback(() => {
@@ -104,17 +104,6 @@ export function Modal({
   );
 }
 
-Modal.defaultProps = {
-  afterOpen: () => {},
-  centered: true,
-  dialogBodyProps: {},
-  keyboard: true,
-  scrollable: false,
-  size: '',
-  staticBackdrop: false,
-  useTimesClose: true,
-};
-
 Modal.propTypes = {
   afterOpen: PropTypes.func,
   body: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
diff --git a/src/forms/Form.jsx b/src/forms/Form.jsx
index c0b0c7d..96417f2 100644
--- a/src/forms/Form.jsx
+++ b/src/forms/Form.jsx
@@ -6,17 +6,17 @@ import { useForm } from './helpers/useForm';
 import { FormActions } from './FormActions';
 
 export function Form({
-  cancelLabel,
+  cancelLabel = 'Cancel',
   children,
-  customValidation,
+  customValidation = false,
   customActions,
   initialValues,
-  onCancel,
-  onSubmit,
-  onChange,
-  submitLabel,
+  onCancel = () => {},
+  onSubmit = () => {},
+  onChange = () => {},
+  submitLabel = 'Submit',
   validations,
-  transform,
+  transform = (data) => data,
 }) {
   const formState = useForm(initialValues, { validations, onChange, transform });
   const formRef = useRef(null);
@@ -100,14 +100,6 @@ export function Form({
   );
 }
 
-Form.defaultProps = {
-  cancelLabel: 'Cancel',
-  customValidation: false,
-  submitLabel: 'Submit',
-  onChange: () => {},
-  transform: (data) => data,
-};
-
 Form.propTypes = {
   cancelLabel: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
diff --git a/src/forms/FormAutocomplete.jsx b/src/forms/FormAutocomplete.jsx
index e85aeb8..3aeef5a 100644
--- a/src/forms/FormAutocomplete.jsx
+++ b/src/forms/FormAutocomplete.jsx
@@ -6,6 +6,7 @@ import { Dropdown } from '../mixed/Dropdown';
 import { useOpenState } from '../utils/useOpenState';
 import { formatClasses } from '../utils/attributes';
 import { getValueByPath } from '../utils/getters-setters';
+import { defaultFilter } from '../utils/filter';
 
 import {
   booleanOrFunction,
@@ -16,6 +17,7 @@ import {
   serializeValue,
 } from './helpers/form-helpers';
 import { useFormControl } from './helpers/useFormControl';
+// eslint-disable-next-line import/max-dependencies
 import { FormGroup } from './FormGroup';
 
 function getSelectedItem(value, items, allowUnlistedValue, trackBy) {
@@ -34,17 +36,17 @@ export function FormAutocomplete({
   afterChange,
   allowUnlistedValue,
   disabled: _disabled,
-  filter,
+  filter = defaultFilter,
   id,
   listContainerRef,
   name,
-  onSearch,
-  onClearSearch,
-  openOnFocus,
+  onSearch = () => {},
+  onClearSearch = () => {},
+  openOnFocus = false,
   options,
   placeholder,
   required: _required,
-  template,
+  template = (x) => x,
   trackBy,
 }) {
   const {
@@ -262,19 +264,6 @@ export function FormAutocomplete({
   );
 }
 
-FormAutocomplete.defaultProps = {
-  openOnFocus: false,
-  onSearch: () => {},
-  onClearSearch: () => {},
-  filter: (_searchValue) => (item) => {
-    const itemValue = JSON.stringify(item.label).toLowerCase();
-    const searchValue = _searchValue.toLowerCase();
-
-    return itemValue.includes(searchValue);
-  },
-  template: (x) => x,
-};
-
 FormAutocomplete.propTypes = {
   afterChange: PropTypes.func,
   allowUnlistedValue: PropTypes.bool,
diff --git a/src/forms/FormAutocompleteTag.jsx b/src/forms/FormAutocompleteTag.jsx
index b39215b..ebee937 100644
--- a/src/forms/FormAutocompleteTag.jsx
+++ b/src/forms/FormAutocompleteTag.jsx
@@ -9,6 +9,7 @@ import { formatClasses } from '../utils/attributes';
 import { useToasts } from '../toasts/useToasts';
 
 import { getValueByPath, setValueByPath } from '../utils/getters-setters';
+import { defaultFilter } from '../utils/filter';
 
 import { booleanOrFunction, handleInputChange, normalizeOptions } from './helpers/form-helpers';
 import { useFormControl } from './helpers/useFormControl';
@@ -16,20 +17,20 @@ import { useFormControl } from './helpers/useFormControl';
 import { FormGroup } from './FormGroup';
 
 export function FormAutocompleteTag({
-  addButtonIcon,
+  addButtonIcon = <i className="bi bi-plus-lg" />,
   afterChange,
-  repeatedTagErrorMessage,
-  allowUnlistedValue,
+  repeatedTagErrorMessage = 'Impossible to add repeated tag',
+  allowUnlistedValue = true,
   disabled: _disabled,
-  filter,
+  filter = defaultFilter,
   listContainerRef,
   name,
-  onSearch,
-  openOnFocus,
+  onSearch = () => {},
+  openOnFocus = false,
   options: _options,
   placeholder,
   required: _required,
-  template,
+  template = (x) => x,
   trackBy,
 }) {
   const { showToast } = useToasts();
@@ -306,21 +307,6 @@ export function FormAutocompleteTag({
   );
 }
 
-FormAutocompleteTag.defaultProps = {
-  allowUnlistedValue: true,
-  openOnFocus: false,
-  onSearch: () => {},
-  filter: (_searchValue) => (item) => {
-    const itemValue = JSON.stringify(item.label).toLowerCase();
-    const searchValue = _searchValue.toLowerCase();
-
-    return itemValue.includes(searchValue);
-  },
-  template: (x) => x,
-  repeatedTagErrorMessage: 'Impossible to add repeated tag',
-  addButtonIcon: <i className="bi bi-plus-lg" />,
-};
-
 FormAutocompleteTag.propTypes = {
   addButtonIcon: PropTypes.node,
   afterChange: PropTypes.func,
@@ -343,9 +329,9 @@ FormAutocompleteTag.propTypes = {
 };
 
 export function FormGroupAutocompleteTag({
-  addButtonIcon,
-  removeButtonIcon,
-  allowUnlistedValue,
+  addButtonIcon = <i className="bi bi-plus-lg" />,
+  removeButtonIcon = <i className="bi bi-x-lg" />,
+  allowUnlistedValue = true,
   afterChange,
   disabled,
   filter,
@@ -432,11 +418,6 @@ export function FormGroupAutocompleteTag({
     </FormGroup>
   );
 }
-FormGroupAutocompleteTag.defaultProps = {
-  allowUnlistedValue: true,
-  addButtonIcon: <i className="bi bi-plus-lg" />,
-  removeButtonIcon: <i className="bi bi-x-lg" />,
-};
 
 FormGroupAutocompleteTag.propTypes = {
   afterChange: PropTypes.func,
diff --git a/src/forms/FormDropdown.jsx b/src/forms/FormDropdown.jsx
index 02564ec..449f191 100644
--- a/src/forms/FormDropdown.jsx
+++ b/src/forms/FormDropdown.jsx
@@ -15,15 +15,21 @@ export const FormDropdown = ({
   childClassName,
   disabled,
   dropdownClassName,
-  includeEmptyItem,
+  includeEmptyItem = true,
   itemClassName,
   listContainerRef,
-  menuClassName,
+  menuClassName = 'p-0 w-100',
   name,
   options,
   placeholder,
-  template,
-  toggleIcon,
+  template = (x) => x,
+  toggleIcon = function toggleIcon(isOpen) {
+    return (
+      <div className="d-flex align-items-center px-2">
+        <i className={`bi ${isOpen ? 'bi-chevron-up' : 'bi-chevron-down'}`}></i>
+      </div>
+    );
+  },
   trackBy,
 }) => {
   const dropdownRef = useRef(null);
@@ -126,19 +132,6 @@ export const FormDropdown = ({
   );
 };
 
-FormDropdown.defaultProps = {
-  includeEmptyItem: true,
-  menuClassName: 'p-0 w-100',
-  template: (x) => x,
-  toggleIcon: function toggleIcon(isOpen) {
-    return (
-      <div className="d-flex align-items-center px-2">
-        <i className={`bi ${isOpen ? 'bi-chevron-up' : 'bi-chevron-down'}`}></i>
-      </div>
-    );
-  },
-};
-
 FormDropdown.propTypes = {
   afterChange: PropTypes.func,
   childClassName: PropTypes.string,
diff --git a/src/forms/FormGroup.jsx b/src/forms/FormGroup.jsx
index 6ec80f2..171b7cf 100644
--- a/src/forms/FormGroup.jsx
+++ b/src/forms/FormGroup.jsx
@@ -5,7 +5,7 @@ import { FormLabel } from './FormLabel';
 import { FormValidationFeedback } from './FormValidationFeedback';
 import { FormHelp } from './FormHelp';
 
-export function FormGroup({ children, name, feedback, mockInvalidSibling, help, ...props }) {
+export function FormGroup({ children, name, feedback = true, mockInvalidSibling = false, help, ...props }) {
   return (
     <div className="mb-3">
       <FormLabel {...props} />
@@ -16,11 +16,6 @@ export function FormGroup({ children, name, feedback, mockInvalidSibling, help,
   );
 }
 
-FormGroup.defaultProps = {
-  feedback: true,
-  mockInvalidSibling: false,
-};
-
 FormGroup.propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   feedback: PropTypes.bool,
diff --git a/src/forms/FormHelp.jsx b/src/forms/FormHelp.jsx
index 798614c..f45730c 100644
--- a/src/forms/FormHelp.jsx
+++ b/src/forms/FormHelp.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { formatClasses } from '../utils/attributes';
 
-export function FormHelp({ id, inline, message }) {
+export function FormHelp({ id, inline = false, message }) {
   return (
     <small id={`${id}-help`} className={formatClasses(['text-muted', inline ? 'ms-2' : 'form-text'])}>
       {message}
@@ -11,10 +11,6 @@ export function FormHelp({ id, inline, message }) {
   );
 }
 
-FormHelp.defaultProps = {
-  inline: false,
-};
-
 FormHelp.propTypes = {
   id: PropTypes.string,
   message: PropTypes.node.isRequired,
diff --git a/src/forms/FormInput.jsx b/src/forms/FormInput.jsx
index 53dfeda..f3b46c1 100644
--- a/src/forms/FormInput.jsx
+++ b/src/forms/FormInput.jsx
@@ -10,7 +10,7 @@ import { booleanOrFunction } from './helpers/form-helpers';
 import { FormGroup } from './FormGroup';
 
 export function FormInput({
-  type,
+  type = 'text',
   name,
   required: _required,
   disabled: _disabled,
@@ -52,10 +52,6 @@ export function FormInput({
   );
 }
 
-FormInput.defaultProps = {
-  type: 'text',
-};
-
 FormInput.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/forms/FormRadio.jsx b/src/forms/FormRadio.jsx
index 8b034b8..a0d4acc 100644
--- a/src/forms/FormRadio.jsx
+++ b/src/forms/FormRadio.jsx
@@ -13,7 +13,7 @@ export function FormRadio({
   required: _required,
   checkedValue,
   valueLabel,
-  inline,
+  inline = false,
   disabled: _disabled,
   afterChange,
 }) {
@@ -41,10 +41,6 @@ export function FormRadio({
   );
 }
 
-FormRadio.defaultProps = {
-  inline: false,
-};
-
 FormRadio.propTypes = {
   afterChange: PropTypes.func,
   checkedValue: PropTypes.any,
@@ -56,7 +52,12 @@ FormRadio.propTypes = {
   valueLabel: PropTypes.node,
 };
 
-export function FormGroupRadio({ options, id, ...props }) {
+export function FormGroupRadio({ options, id, ..._props }) {
+  const props = {
+    inline: true,
+    ..._props,
+  };
+
   return (
     <FormGroup mockInvalidSibling={true} {...props}>
       <div>
@@ -74,10 +75,6 @@ export function FormGroupRadio({ options, id, ...props }) {
   );
 }
 
-FormGroupRadio.defaultProps = {
-  inline: true,
-};
-
 FormGroupRadio.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/forms/FormTable.jsx b/src/forms/FormTable.jsx
index 8026baf..a8d101c 100644
--- a/src/forms/FormTable.jsx
+++ b/src/forms/FormTable.jsx
@@ -92,7 +92,7 @@ export function FormTable({
   required: _required,
   disabled: _disabled,
   afterChange,
-  tableProps,
+  tableProps = {},
   getCustomActions,
   getAddItemComponent,
   getRemoveComponent,
@@ -161,10 +161,6 @@ export function FormTable({
   );
 }
 
-FormTable.defaultProps = {
-  tableProps: {},
-};
-
 const formTableProps = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/forms/FormTextarea.jsx b/src/forms/FormTextarea.jsx
index 37dfe7f..9d44708 100644
--- a/src/forms/FormTextarea.jsx
+++ b/src/forms/FormTextarea.jsx
@@ -12,6 +12,7 @@ export function FormTextarea({ name, required: _required, disabled: _disabled, a
   const required = booleanOrFunction(_required, getFormData());
 
   const attrs = {
+    rows: 5,
     ..._attrs,
     disabled,
     name,
@@ -29,10 +30,6 @@ export function FormTextarea({ name, required: _required, disabled: _disabled, a
   );
 }
 
-FormTextarea.defaultProps = {
-  rows: 5,
-};
-
 FormTextarea.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/forms/FormValidationFeedback.jsx b/src/forms/FormValidationFeedback.jsx
index ecedce6..92e1d60 100644
--- a/src/forms/FormValidationFeedback.jsx
+++ b/src/forms/FormValidationFeedback.jsx
@@ -4,7 +4,7 @@ import { isEmptyLike } from 'js-var-type';
 
 import { FormContext } from './helpers/form-helpers';
 
-export function FormValidationFeedback({ name, mockInvalidSibling }) {
+export function FormValidationFeedback({ name, mockInvalidSibling = false }) {
   const formState = useContext(FormContext);
   let validationMessage = formState.getValidationMessage(name);
 
@@ -24,10 +24,6 @@ export function FormValidationFeedback({ name, mockInvalidSibling }) {
   );
 }
 
-FormValidationFeedback.defaultProps = {
-  mockInvalidSibling: false,
-};
-
 FormValidationFeedback.propTypes = {
   name: PropTypes.string.isRequired,
   mockInvalidSibling: PropTypes.bool,
diff --git a/src/list-group/ListGroup.jsx b/src/list-group/ListGroup.jsx
index 842b371..b3f1b37 100644
--- a/src/list-group/ListGroup.jsx
+++ b/src/list-group/ListGroup.jsx
@@ -5,7 +5,16 @@ import { formatClasses } from '../utils/attributes';
 
 import { ListGroupItem } from './ListGroupItem';
 
-export function ListGroup({ items, active, linked, bordered, horizontal, template, isDisabled, onSelect }) {
+export function ListGroup({
+  items,
+  active,
+  linked = false,
+  bordered = true,
+  horizontal = false,
+  template,
+  isDisabled = () => {},
+  onSelect = () => {},
+}) {
   const classes = formatClasses(['list-group', !bordered && 'list-group-flush', horizontal && 'list-group-horizontal']);
 
   const content = items.map((item, index) => (
@@ -29,14 +38,6 @@ export function ListGroup({ items, active, linked, bordered, horizontal, templat
   return <ul className={classes}>{content}</ul>;
 }
 
-ListGroup.defaultProps = {
-  bordered: true,
-  horizontal: false,
-  isDisabled: () => {},
-  linked: false,
-  onSelect: () => {},
-};
-
 ListGroup.propTypes = {
   active: PropTypes.number,
   bordered: PropTypes.bool,
diff --git a/src/list-group/ListGroupItem.jsx b/src/list-group/ListGroupItem.jsx
index 87763be..45a765a 100644
--- a/src/list-group/ListGroupItem.jsx
+++ b/src/list-group/ListGroupItem.jsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { safeClick } from '../utils/event-handlers';
 import { formatClasses } from '../utils/attributes';
 
-export function ListGroupItem({ index, isActive, isDisabled, item, linked, onSelect, children }) {
+export function ListGroupItem({ index, isActive = false, isDisabled, item, linked, onSelect, children }) {
   const classes = formatClasses([
     'list-group-item',
     isActive && 'active',
@@ -29,10 +29,6 @@ export function ListGroupItem({ index, isActive, isDisabled, item, linked, onSel
   );
 }
 
-ListGroupItem.defaultProps = {
-  isActive: false,
-};
-
 ListGroupItem.propTypes = {
   children: PropTypes.node.isRequired,
   index: PropTypes.number.isRequired,
diff --git a/src/mixed/Dropdown.jsx b/src/mixed/Dropdown.jsx
index a3eb0d9..2cf96c3 100644
--- a/src/mixed/Dropdown.jsx
+++ b/src/mixed/Dropdown.jsx
@@ -9,11 +9,11 @@ export function Dropdown({
   items,
   onSelect,
   isDisabled,
-  isOpen,
+  isOpen = false,
   onTouchStart,
   onMouseEnter,
   onMouseLeave,
-  template,
+  template = (v) => v,
   className,
   itemClassName,
   menuClassName,
@@ -49,11 +49,6 @@ export function Dropdown({
   );
 }
 
-Dropdown.defaultProps = {
-  isOpen: false,
-  template: (v) => v,
-};
-
 Dropdown.propTypes = {
   children: PropTypes.node,
   isDisabled: PropTypes.bool,
diff --git a/src/mixed/Pagination.jsx b/src/mixed/Pagination.jsx
index 82a4341..20c3e5e 100644
--- a/src/mixed/Pagination.jsx
+++ b/src/mixed/Pagination.jsx
@@ -5,15 +5,15 @@ import { safeClick } from '../utils/event-handlers';
 import { formatClasses } from '../utils/attributes';
 
 export function Pagination({
-  actualPage,
-  ariaLabel,
-  firstLabel,
-  lastLabel,
+  actualPage = 1,
+  ariaLabel = 'Page navigation',
+  firstLabel = 'First',
+  lastLabel = 'Last',
   lastPage,
-  maxPageWindow,
-  nextLabel,
+  maxPageWindow = 5,
+  nextLabel = 'Next',
   onSelect,
-  previousLabel,
+  previousLabel = 'Previous',
 }) {
   const pageWindow = Math.min(maxPageWindow, lastPage);
   const centerOfPageWindow = Math.max(Math.floor(pageWindow / 2), 2);
@@ -81,16 +81,6 @@ export function Pagination({
   );
 }
 
-Pagination.defaultProps = {
-  actualPage: 1,
-  ariaLabel: 'Page navigation',
-  firstLabel: 'First',
-  lastLabel: 'Last',
-  maxPageWindow: 5,
-  nextLabel: 'Next',
-  previousLabel: 'Previous',
-};
-
 Pagination.propTypes = {
   actualPage: PropTypes.number,
   ariaLabel: PropTypes.string,
diff --git a/src/table/Table.jsx b/src/table/Table.jsx
index a06732b..091d4a6 100644
--- a/src/table/Table.jsx
+++ b/src/table/Table.jsx
@@ -11,17 +11,17 @@ import { normalizeColumns } from './table-helpers';
 export function Table({
   docs,
   columns,
-  striped,
-  bordered,
-  hover,
-  small,
-  dark,
-  rowClass,
+  striped = true,
+  bordered = false,
+  hover = true,
+  small = true,
+  dark = false,
+  rowClass = () => '',
   caption,
   onRowClick,
   actions,
-  actionLabel,
-  columnHeaderFormat,
+  actionLabel = 'Actions',
+  columnHeaderFormat = (label) => label,
 }) {
   const normalizedColumns = normalizeColumns(columns);
 
@@ -47,17 +47,6 @@ export function Table({
   );
 }
 
-Table.defaultProps = {
-  striped: true,
-  bordered: false,
-  hover: true,
-  small: true,
-  dark: false,
-  actionLabel: 'Actions',
-  rowClass: () => '',
-  columnHeaderFormat: (label) => label,
-};
-
 Table.propTypes = {
   actionLabel: PropTypes.string,
   actions: PropTypes.oneOfType([
diff --git a/src/tabs/Tabs.jsx b/src/tabs/Tabs.jsx
index 12f5ab8..77c5666 100644
--- a/src/tabs/Tabs.jsx
+++ b/src/tabs/Tabs.jsx
@@ -7,7 +7,16 @@ import { formatClasses } from '../utils/attributes';
 import { TabHeader } from './TabHeader';
 import { TabContent } from './TabContent';
 
-export function Tabs({ vertical, tabs: _tabs, activeTab, onlyRenderActiveTab, bordered, onSelect, justified, fill }) {
+export function Tabs({
+  vertical = false,
+  tabs: _tabs,
+  activeTab = 0,
+  onlyRenderActiveTab = false,
+  bordered = false,
+  onSelect = () => {},
+  justified = false,
+  fill = false,
+}) {
   const tabs = useMemo(() => _tabs.filter((tab) => (isFunction(tab?.hideIf) ? !tab.hideIf() : true)), [_tabs]);
 
   if (activeTab >= tabs.length) {
@@ -58,16 +67,6 @@ export function Tabs({ vertical, tabs: _tabs, activeTab, onlyRenderActiveTab, bo
   );
 }
 
-Tabs.defaultProps = {
-  activeTab: 0,
-  bordered: false,
-  fill: false,
-  justified: false,
-  onlyRenderActiveTab: false,
-  onSelect: () => {},
-  vertical: false,
-};
-
 Tabs.propTypes = {
   activeTab: PropTypes.number,
   bordered: PropTypes.bool,
diff --git a/src/toasts/ToastsContainer.jsx b/src/toasts/ToastsContainer.jsx
index 30cf251..c3bfc29 100644
--- a/src/toasts/ToastsContainer.jsx
+++ b/src/toasts/ToastsContainer.jsx
@@ -6,7 +6,7 @@ import { ToastsRegion } from './ToastsRegion';
 import { useToastState } from './useToastState';
 import { toastPropsBaseShape } from './Toast';
 
-export function ToastsContainer({ children, unique, noStyle, messageFormatter, customToasts, onClose }) {
+export function ToastsContainer({ children, unique = true, noStyle = false, messageFormatter, customToasts, onClose }) {
   const toastsState = useToastState({ unique, messageFormatter, customToasts, onClose });
 
   return (
@@ -22,11 +22,6 @@ export function ToastsContainer({ children, unique, noStyle, messageFormatter, c
   );
 }
 
-ToastsContainer.defaultProps = {
-  noStyle: false,
-  unique: true,
-};
-
 ToastsContainer.propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   noStyle: PropTypes.bool,
diff --git a/src/toasts/ToastsRegion.jsx b/src/toasts/ToastsRegion.jsx
index 51b9e41..29ae38b 100644
--- a/src/toasts/ToastsRegion.jsx
+++ b/src/toasts/ToastsRegion.jsx
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Toast } from './Toast';
 import { TOASTS_DEFAULT_STYLES_BY_POSITION, TOASTS_DEFAULT_STYLE } from './toasts-helpers';
 
-export function ToastsRegion({ name, toasts, noStyle }) {
+export function ToastsRegion({ name, toasts = [], noStyle }) {
   return (
     <div
       key={name}
@@ -24,10 +24,6 @@ export function ToastsRegion({ name, toasts, noStyle }) {
   );
 }
 
-ToastsRegion.defaultProps = {
-  toasts: [],
-};
-
 ToastsRegion.propTypes = {
   name: PropTypes.string.isRequired,
   noStyle: PropTypes.bool,
diff --git a/src/treeview/TreeView.jsx b/src/treeview/TreeView.jsx
index 58d9132..5366d5a 100644
--- a/src/treeview/TreeView.jsx
+++ b/src/treeview/TreeView.jsx
@@ -19,7 +19,7 @@ TreeView.propTypes = {
   template: PropTypes.func.isRequired,
 };
 
-function TreeNodes({ childrenPath, depth, draggable, nodes, parentNode, template, nodePath }) {
+function TreeNodes({ childrenPath, depth, draggable, nodes, parentNode, template, nodePath = '' }) {
   return (
     <>
       {nodes.map((node, index) => (
@@ -39,10 +39,6 @@ function TreeNodes({ childrenPath, depth, draggable, nodes, parentNode, template
   );
 }
 
-TreeNodes.defaultProps = {
-  nodePath: '',
-};
-
 TreeNodes.propTypes = {
   childrenPath: PropTypes.string,
   depth: PropTypes.number,
diff --git a/src/uncontrolled-forms/UncontrolledForm.jsx b/src/uncontrolled-forms/UncontrolledForm.jsx
index f4bd787..4b2c735 100644
--- a/src/uncontrolled-forms/UncontrolledForm.jsx
+++ b/src/uncontrolled-forms/UncontrolledForm.jsx
@@ -5,16 +5,16 @@ import { useUncontrolledFormHelper, UncontrolledFormContext } from './helpers/us
 import { UncontrolledFormActions } from './UncontrolledFormActions';
 
 export function UncontrolledForm({
-  cancelLabel,
+  cancelLabel = 'Cancel',
   children,
   customActions,
-  customValidation,
-  debounceWait,
+  customValidation = false,
+  debounceWait = 500,
   initialValues,
-  onCancel,
-  onChange,
-  onSubmit,
-  submitLabel,
+  onCancel = () => {},
+  onChange = () => {},
+  onSubmit = () => {},
+  submitLabel = 'Submit',
   validations,
   transform,
 }) {
@@ -83,14 +83,6 @@ export function UncontrolledForm({
   );
 }
 
-UncontrolledForm.defaultProps = {
-  cancelLabel: 'Cancel',
-  customValidation: false,
-  debounceWait: 500,
-  onChange: () => {},
-  submitLabel: 'Submit',
-};
-
 UncontrolledForm.propTypes = {
   cancelLabel: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
diff --git a/src/uncontrolled-forms/UncontrolledFormAutocomplete.jsx b/src/uncontrolled-forms/UncontrolledFormAutocomplete.jsx
index 6771e82..3d287cd 100644
--- a/src/uncontrolled-forms/UncontrolledFormAutocomplete.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormAutocomplete.jsx
@@ -6,6 +6,7 @@ import { Dropdown } from '../mixed/Dropdown';
 import { useOpenState } from '../utils/useOpenState';
 import { formatClasses } from '../utils/attributes';
 import { getValueByPath } from '../utils/getters-setters';
+import { defaultFilter } from '../utils/filter';
 
 import {
   booleanOrFunction,
@@ -16,6 +17,7 @@ import {
   valuesAreEqual,
 } from './helpers/form-helpers';
 import { useUncontrolledFormControl } from './helpers/useUncontrolledFormControl';
+// eslint-disable-next-line import/max-dependencies
 import { UncontrolledFormGroup } from './UncontrolledFormGroup';
 
 function getSelectedItem(value, items, allowUnlistedValue, trackBy) {
@@ -33,17 +35,17 @@ export function UncontrolledFormAutocomplete({
   afterChange,
   allowUnlistedValue,
   disabled: _disabled,
-  filter,
+  filter = defaultFilter,
   id,
   listContainerRef,
   name,
-  onSearch,
-  onClearSearch,
-  openOnFocus,
+  onSearch = () => {},
+  onClearSearch = () => {},
+  openOnFocus = false,
   options,
   placeholder,
   required: _required,
-  template,
+  template = (x) => x,
   trackBy,
 }) {
   const state = useState('');
@@ -257,19 +259,6 @@ export function UncontrolledFormAutocomplete({
   );
 }
 
-UncontrolledFormAutocomplete.defaultProps = {
-  openOnFocus: false,
-  onSearch: () => {},
-  onClearSearch: () => {},
-  filter: (_searchValue) => (item) => {
-    const itemValue = JSON.stringify(item.label).toLowerCase();
-    const searchValue = _searchValue.toLowerCase();
-
-    return itemValue.includes(searchValue);
-  },
-  template: (x) => x,
-};
-
 UncontrolledFormAutocomplete.propTypes = {
   afterChange: PropTypes.func,
   allowUnlistedValue: PropTypes.bool,
diff --git a/src/uncontrolled-forms/UncontrolledFormDropdown.jsx b/src/uncontrolled-forms/UncontrolledFormDropdown.jsx
index e0a8876..7819585 100644
--- a/src/uncontrolled-forms/UncontrolledFormDropdown.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormDropdown.jsx
@@ -15,15 +15,21 @@ export const UncontrolledFormDropdown = ({
   childClassName,
   disabled,
   dropdownClassName,
-  includeEmptyItem,
+  includeEmptyItem = true,
   itemClassName,
   listContainerRef,
-  menuClassName,
+  menuClassName = 'p-0 w-100',
   name,
   options,
   placeholder,
-  template,
-  toggleIcon,
+  template = (x) => x,
+  toggleIcon = function toggleIcon(isOpen) {
+    return (
+      <div className="d-flex align-items-center px-2">
+        <i className={`bi ${isOpen ? 'bi-chevron-up' : 'bi-chevron-down'}`}></i>
+      </div>
+    );
+  },
   trackBy,
 }) => {
   const dropdownRef = useRef(null);
@@ -127,19 +133,6 @@ export const UncontrolledFormDropdown = ({
   );
 };
 
-UncontrolledFormDropdown.defaultProps = {
-  includeEmptyItem: true,
-  menuClassName: 'p-0 w-100',
-  template: (x) => x,
-  toggleIcon: function toggleIcon(isOpen) {
-    return (
-      <div className="d-flex align-items-center px-2">
-        <i className={`bi ${isOpen ? 'bi-chevron-up' : 'bi-chevron-down'}`}></i>
-      </div>
-    );
-  },
-};
-
 UncontrolledFormDropdown.propTypes = {
   afterChange: PropTypes.func,
   childClassName: PropTypes.string,
diff --git a/src/uncontrolled-forms/UncontrolledFormGroup.jsx b/src/uncontrolled-forms/UncontrolledFormGroup.jsx
index 89a84f4..a08aba9 100644
--- a/src/uncontrolled-forms/UncontrolledFormGroup.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormGroup.jsx
@@ -5,7 +5,7 @@ import { UncontrolledFormLabel } from './UncontrolledFormLabel';
 import { UncontrolledFormHelp } from './UncontrolledFormHelp';
 import { UncontrolledFormValidationFeedback } from './UncontrolledFormValidationFeedback';
 
-export function UncontrolledFormGroup({ children, name, feedback, mockInvalidSibling, help, ...props }) {
+export function UncontrolledFormGroup({ children, name, feedback = true, mockInvalidSibling = false, help, ...props }) {
   return (
     <div className="mb-3">
       <UncontrolledFormLabel {...props} />
@@ -16,11 +16,6 @@ export function UncontrolledFormGroup({ children, name, feedback, mockInvalidSib
   );
 }
 
-UncontrolledFormGroup.defaultProps = {
-  feedback: true,
-  mockInvalidSibling: false,
-};
-
 UncontrolledFormGroup.propTypes = {
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
   feedback: PropTypes.bool,
diff --git a/src/uncontrolled-forms/UncontrolledFormHelp.jsx b/src/uncontrolled-forms/UncontrolledFormHelp.jsx
index d96178c..872bf1a 100644
--- a/src/uncontrolled-forms/UncontrolledFormHelp.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormHelp.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { formatClasses } from '../utils/attributes';
 
-export function UncontrolledFormHelp({ id, inline, message }) {
+export function UncontrolledFormHelp({ id, inline = false, message }) {
   return (
     <small id={`${id}-help`} className={formatClasses(['text-muted', inline ? 'ms-2' : 'form-text'])}>
       {message}
@@ -11,10 +11,6 @@ export function UncontrolledFormHelp({ id, inline, message }) {
   );
 }
 
-UncontrolledFormHelp.defaultProps = {
-  inline: false,
-};
-
 UncontrolledFormHelp.propTypes = {
   id: PropTypes.string,
   message: PropTypes.node.isRequired,
diff --git a/src/uncontrolled-forms/UncontrolledFormInput.jsx b/src/uncontrolled-forms/UncontrolledFormInput.jsx
index de7d93f..02be4e5 100644
--- a/src/uncontrolled-forms/UncontrolledFormInput.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormInput.jsx
@@ -11,7 +11,7 @@ import { useUncontrolledFormControl } from './helpers/useUncontrolledFormControl
 import { UncontrolledFormGroup } from './UncontrolledFormGroup';
 
 export function UncontrolledFormInput({
-  type,
+  type = 'text',
   name,
   required: _required,
   disabled: _disabled,
@@ -57,10 +57,6 @@ export function UncontrolledFormInput({
   );
 }
 
-UncontrolledFormInput.defaultProps = {
-  type: 'text',
-};
-
 UncontrolledFormInput.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/uncontrolled-forms/UncontrolledFormInputMask.jsx b/src/uncontrolled-forms/UncontrolledFormInputMask.jsx
index b14b73e..857b9d5 100644
--- a/src/uncontrolled-forms/UncontrolledFormInputMask.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormInputMask.jsx
@@ -8,7 +8,7 @@ import { useUncontrolledFormControl } from './helpers/useUncontrolledFormControl
 import { UncontrolledFormInput } from './UncontrolledFormInput';
 import { UncontrolledFormGroup } from './UncontrolledFormGroup';
 
-export function UncontrolledFormInputMask({ mask, name, inputAttrs }) {
+export function UncontrolledFormInputMask({ mask, name, inputAttrs = {} }) {
   const state = useState('');
   const ref = useRef(null);
   const { afterChange, inputClassName, ..._inputAttrs } = inputAttrs;
@@ -67,10 +67,6 @@ export function UncontrolledFormInputMask({ mask, name, inputAttrs }) {
   );
 }
 
-UncontrolledFormInputMask.defaultProps = {
-  inputAttrs: {},
-};
-
 UncontrolledFormInputMask.propTypes = {
   mask: PropTypes.shape({
     format: PropTypes.func.isRequired,
diff --git a/src/uncontrolled-forms/UncontrolledFormRadio.jsx b/src/uncontrolled-forms/UncontrolledFormRadio.jsx
index e616df0..1ab9bd5 100644
--- a/src/uncontrolled-forms/UncontrolledFormRadio.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormRadio.jsx
@@ -13,7 +13,7 @@ export function UncontrolledFormRadio({
   required: _required,
   checkedValue,
   valueLabel,
-  inline,
+  inline = false,
   disabled: _disabled,
   afterChange,
   state,
@@ -47,10 +47,6 @@ export function UncontrolledFormRadio({
   );
 }
 
-UncontrolledFormRadio.defaultProps = {
-  inline: false,
-};
-
 UncontrolledFormRadio.propTypes = {
   afterChange: PropTypes.func,
   checkedValue: PropTypes.any,
@@ -63,8 +59,12 @@ UncontrolledFormRadio.propTypes = {
   state: PropTypes.array.isRequired,
 };
 
-export function UncontrolledFormGroupRadio({ options, id, ...props }) {
+export function UncontrolledFormGroupRadio({ options, id, ..._props }) {
   const state = useState('');
+  const props = {
+    inline: true,
+    ..._props,
+  };
 
   return (
     <UncontrolledFormGroup mockInvalidSibling={true} {...props}>
@@ -84,10 +84,6 @@ export function UncontrolledFormGroupRadio({ options, id, ...props }) {
   );
 }
 
-UncontrolledFormGroupRadio.defaultProps = {
-  inline: true,
-};
-
 UncontrolledFormGroupRadio.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/uncontrolled-forms/UncontrolledFormTable.jsx b/src/uncontrolled-forms/UncontrolledFormTable.jsx
index 2c2cb3c..399239a 100644
--- a/src/uncontrolled-forms/UncontrolledFormTable.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormTable.jsx
@@ -92,7 +92,7 @@ export function UncontrolledFormTable({
   required: _required,
   disabled: _disabled,
   afterChange,
-  tableProps,
+  tableProps = {},
   getCustomActions,
   getAddItemComponent,
   getRemoveComponent,
@@ -167,10 +167,6 @@ export function UncontrolledFormTable({
   );
 }
 
-UncontrolledFormTable.defaultProps = {
-  tableProps: {},
-};
-
 const formTableProps = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/uncontrolled-forms/UncontrolledFormTextarea.jsx b/src/uncontrolled-forms/UncontrolledFormTextarea.jsx
index 9044a8a..3bded7a 100644
--- a/src/uncontrolled-forms/UncontrolledFormTextarea.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormTextarea.jsx
@@ -22,6 +22,7 @@ export function UncontrolledFormTextarea({ name, required: _required, disabled:
   const required = booleanOrFunction(_required, getFormData());
 
   const attrs = {
+    type: 'text',
     ..._attrs,
     disabled,
     name,
@@ -39,10 +40,6 @@ export function UncontrolledFormTextarea({ name, required: _required, disabled:
   );
 }
 
-UncontrolledFormTextarea.defaultProps = {
-  type: 'text',
-};
-
 UncontrolledFormTextarea.propTypes = {
   afterChange: PropTypes.func,
   disabled: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
diff --git a/src/uncontrolled-forms/UncontrolledFormValidationFeedback.jsx b/src/uncontrolled-forms/UncontrolledFormValidationFeedback.jsx
index 1ef8e43..5ea49bc 100644
--- a/src/uncontrolled-forms/UncontrolledFormValidationFeedback.jsx
+++ b/src/uncontrolled-forms/UncontrolledFormValidationFeedback.jsx
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 
 import { UncontrolledFormContext } from './helpers/useUncontrolledFormHelper';
 
-export function UncontrolledFormValidationFeedback({ name, mockInvalidSibling }) {
+export function UncontrolledFormValidationFeedback({ name, mockInvalidSibling = false }) {
   const formHelper = useContext(UncontrolledFormContext);
 
   const validationMessage = useMemo(() => formHelper.getValidationMessage(name), [formHelper, name]);
@@ -19,10 +19,6 @@ export function UncontrolledFormValidationFeedback({ name, mockInvalidSibling })
   );
 }
 
-UncontrolledFormValidationFeedback.defaultProps = {
-  mockInvalidSibling: false,
-};
-
 UncontrolledFormValidationFeedback.propTypes = {
   name: PropTypes.string.isRequired,
   mockInvalidSibling: PropTypes.bool,
diff --git a/src/utils/filter.js b/src/utils/filter.js
new file mode 100644
index 0000000..04c8822
--- /dev/null
+++ b/src/utils/filter.js
@@ -0,0 +1,6 @@
+export const defaultFilter = (_searchValue) => (item) => {
+  const itemValue = JSON.stringify(item.label).toLowerCase();
+  const searchValue = _searchValue.toLowerCase();
+
+  return itemValue.includes(searchValue);
+};