fix: remove deprecated defaultProps from components

Author: rogeriopvl

components/FacebookButton/FacebookButton.tsx

@@ -4,11 +4,11 @@ import facebookIcon from './facebook.svg';
 import styles from './FacebookButton.module.css';
 
 type FacebookButtonProps = {
-  width: number;
-  height: number;
+  width?: number;
+  height?: number;
 };
 
-const FacebookButton = ({ width, height }: FacebookButtonProps) => (
+const FacebookButton = ({ width = 50, height = 50 }: FacebookButtonProps) => (
   <div className={styles.container}>
     <a
       href="https://www.facebook.com/httpcats"
@@ -26,9 +26,4 @@ const FacebookButton = ({ width, height }: FacebookButtonProps) => (
   </div>
 );
 
-FacebookButton.defaultProps = {
-  width: 50,
-  height: 50,
-};
-
 export default FacebookButton;

components/GithubButton/GithubButton.tsx

@@ -4,11 +4,11 @@ import githubIcon from './github.svg';
 import styles from './GithubButton.module.css';
 
 type GithubButtonProps = {
-  width: number;
-  height: number;
+  width?: number;
+  height?: number;
 };
 
-const GithubButton = ({ width, height }: GithubButtonProps) => (
+const GithubButton = ({ width = 50, height = 50 }: GithubButtonProps) => (
   <div className={styles.container}>
     <a
       href="https://github.com/httpcats/http.cat"
@@ -21,9 +21,4 @@ const GithubButton = ({ width, height }: GithubButtonProps) => (
   </div>
 );
 
-GithubButton.defaultProps = {
-  width: 50,
-  height: 50,
-};
-
 export default GithubButton;

components/TwitterButton/TwitterButton.tsx

@@ -7,7 +7,7 @@ type TwitterButtonProps = {
   height?: number;
 };
 
-const TwitterButton = ({ width, height }: TwitterButtonProps) => (
+const TwitterButton = ({ width = 50, height = 50 }: TwitterButtonProps) => (
   <div>
     <a
       href="https://twitter.com/rogeriopvl"
@@ -25,9 +25,4 @@ const TwitterButton = ({ width, height }: TwitterButtonProps) => (
   </div>
 );
 
-TwitterButton.defaultProps = {
-  width: 50,
-  height: 50,
-};
-
 export default TwitterButton;

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "next build && rm out/404.html",
     "start": "next start",
     "lint": "next lint",
     "export": "next export",