Changed from using object deconstruction to React.Component for all components. Switched to yarn.

src/components/ClearButton/index.js

@@ -1,8 +1,9 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 
 import './index.css'
 
-class ClearButton extends PureComponent {
+class ClearButton extends React.PureComponent {
   render () {
     return (
       <a className='clear-button' href={this.props.href}>{this.props.children}</a>
@@ -10,4 +11,9 @@ class ClearButton extends PureComponent {
   }
 }
 
+ClearButton.propTypes = {
+  href: PropTypes.string,
+  children: PropTypes.string
+}
+
 export default ClearButton

src/components/Header/index.js

@@ -1,10 +1,10 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
 
 import SmallText from '../SmallText'
 
 import './index.css'
 
-class Header extends PureComponent {
+class Header extends React.PureComponent {
   render () {
     return (
       <div className='header-container'>

src/components/Navbar/index.js

@@ -1,10 +1,10 @@
-import React, { Component } from 'react'
+import React from 'react'
 import ResponsiveMenu from 'react-responsive-navbar'
 import { NavLink } from 'react-router-dom'
 
 import './index.css'
 
-class Navbar extends Component {
+class Navbar extends React.Component {
   render () {
     return (
       <ResponsiveMenu

src/components/SmallText/index.js

@@ -1,13 +1,18 @@
-import React, { PureComponent } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 
 import './index.css'
 
-class SmallText extends PureComponent {
+class SmallText extends React.PureComponent {
   render () {
     return (
-      <p className='small-text'>DevOps & Software Engineer, Hypremium.</p>
+      <p className='small-text'>{this.props.children}</p>
     )
   }
 }
 
+SmallText.propTypes = {
+  children: PropTypes.string
+}
+
 export default SmallText