diff --git a/src/index.jsx b/src/index.jsx
index ec5008e..44d2adc 100644
--- a/src/index.jsx
+++ b/src/index.jsx
@@ -114,15 +114,15 @@ const updateHtmlIconLink = (keepIconLink) => {
 }
 
 const Favicon = ({
-  iconSize,
-  alertCount,
-  alertFillColor,
-  alertTextColor,
-  animated,
-  animationDelay,
-  keepIconLink,
-  renderOverlay,
-  url,
+  iconSize = DefaultCanvasSize,
+  alertCount = null,
+  alertFillColor = 'red',
+  alertTextColor = 'white',
+  animated = true,
+  animationDelay = 500,
+  keepIconLink = () => false,
+  renderOverlay = null,
+  url = null,
 }) => {
   const animationIndex = useRef(0)
   const animationTickIntervalId = useRef(null)
@@ -183,18 +183,6 @@ const Favicon = ({
   return null
 }
 
-Favicon.defaultProps = {
-  iconSize: DefaultCanvasSize,
-  alertCount: null,
-  alertFillColor: 'red',
-  alertTextColor: 'white',
-  animated: true,
-  animationDelay: 500,
-  keepIconLink: () => false,
-  renderOverlay: null,
-  url: null,
-}
-
 Favicon.propTypes = {
   iconSize: PropTypes.number,
   alertCount: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),