diff --git a/src/ui.js b/src/ui.js
index be39020..26998d0 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-export const Filter = ({ onChange, placeholder }) => (
+export const Filter = ({ onChange = null, placeholder }) => (
   <div className="data-table-extensions-filter">
     {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
     <label
@@ -23,12 +23,8 @@ Filter.propTypes = {
   placeholder: PropTypes.string.isRequired,
 };
 
-Filter.defaultProps = {
-  onChange: null,
-};
-
 export const Export = props => {
-  const { className, onDropdown, onClick } = props;
+  const { className = '', onDropdown = null, onClick = null } = props;
   return (
     <>
       {/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
@@ -51,21 +47,11 @@ Export.propTypes = {
   onClick: PropTypes.func,
 };
 
-Export.defaultProps = {
-  className: '',
-  onDropdown: null,
-  onClick: null,
-};
-
-export const Print = props => (
+export const Print = ({ onClick = null }) => (
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
-  <button type="button" className="print" onClick={() => props.onClick()} />
+  <button type="button" className="print" onClick={() => onClick()} />
 );
 
 Print.propTypes = {
   onClick: PropTypes.func,
 };
-
-Print.defaultProps = {
-  onClick: null,
-};