Fix React errors and warnings (#103)

There were some errors in the console for the website.
While these don't seem to affect the actual website, this
fixes the issues and reduces the noise in the console.

Signed-off-by: Vihang Mehta <vihang@pixielabs.ai>

Signed-off-by: Vihang Mehta <vihang@pixielabs.ai>

Author: vihangm

.gitignore

@@ -6,3 +6,6 @@ public
 .DS_Store
 .DS_Store?
 .vscode/settings.json
+
+# Local Netlify folder
+.netlify

src/components/footer/footer.js

@@ -18,7 +18,6 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
 import * as styles from './footer.module.scss';
 import cncfLogo from '../../images/footer/cncf-white.svg';
 import github from '../../images/footer/github-icon.svg';
@@ -35,11 +34,11 @@ const Footer = ({ whiteFooter }) => (
     <img src={cncfLogo} alt='CNCF logo' className={styles.logo} />
     <div className={styles.copyrightBar}>
       <div className={styles.verticalCenter}>
-        <Link to='https://www.linuxfoundation.org/terms' target='_blank' rel='noreferrer' className={styles.mutedLink}>Terms of Service</Link>
+        <a href='https://www.linuxfoundation.org/terms' target='_blank' rel='noreferrer' className={styles.mutedLink}>Terms of Service</a>
         <span>
           |
         </span>
-        <Link to='https://www.linuxfoundation.org/privacy' target='_blank' rel='noreferrer' className={styles.mutedLink}>Privacy Policy</Link>
+        <a href='https://www.linuxfoundation.org/privacy' target='_blank' rel='noreferrer' className={styles.mutedLink}>Privacy Policy</a>
       </div>
       <div className={styles.centerContent}>
         Copyright © 2018- The Pixie Authors. All Rights Reserved.

src/components/header/header.js

@@ -227,9 +227,9 @@ const Header = ({ whiteHeader, transparentMenu }) => {
                 </a>
               </li>
             </ul>
-            <Link to='https://www.linuxfoundation.org/terms' target='_blank' rel='noreferrer'>Terms of Service</Link>
+            <a href='https://www.linuxfoundation.org/terms' target='_blank' rel='noreferrer'>Terms of Service</a>
             <br />
-            <Link to='https://www.linuxfoundation.org/privacy' target='_blank' rel='noreferrer'>Privacy Policy</Link>
+            <a href='https://www.linuxfoundation.org/privacy' target='_blank' rel='noreferrer'>Privacy Policy</a>
           </div>
         </div>
         <IconButton onClick={() => setOpen(true)} className='hide-desktop'>

src/components/seo.js

@@ -147,7 +147,7 @@ const SEO = ({
 };
 
 SEO.defaultProps = {
-  meta: [],
+  meta: {},
   description: '',
   type: 'website',
 };

src/pages/index.js

@@ -136,7 +136,7 @@ const Homepage = () => {
           <div className='container'>
             <h2>
               <div className={`${styles.marker} hide-mobile hide-tablet`} style={{ margin: '20px auto' }} />
-              <Button className={`${styles.button} block hide-desktop`} to='https://docs.px.dev/installing-pixie/install-guides/' target='_blank' rel='noreferrer'>
+              <Button className={`${styles.button} block hide-desktop`} link='https://docs.px.dev/installing-pixie/install-guides/' target='_blank' rel='noreferrer'>
                 GET STARTED
               </Button>
               Why use Pixie?