update dev environment code and packages

Author: Amr Labib

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

.eslintrc

@@ -1,5 +1,5 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "plugins": [
     "react-hooks"
   ],
@@ -13,5 +13,5 @@
     }],
     "max-len": 0
   },
-  "extends": "airbnb"
+  "extends": "airbnb",
 }

demo/components/Digit.js

@@ -48,7 +48,7 @@ const SingleDigit = styled.span`
   }
 `;
 
-export default function Digit({ value, title }: Object) {
+export default function Digit({ value, title }) {
   const leftDigit = value >= 10 ? value.toString()[0] : '0';
   const rightDigit = value >= 10 ? value.toString()[1] : value.toString();
   return (

demo/components/TimerStyled.js

@@ -26,7 +26,7 @@ const Separtor = styled.span`
   margin: 5px 0px;
 `;
 
-export default function TimerStyled({ seconds, minutes, hours, days }: Object) {
+export default function TimerStyled({ seconds, minutes, hours, days }) {
   return (
     <TimerContainer>
       {days !== undefined ? <Digit value={days} title="DAYS" addSeparator /> : null}

demo/components/UseTimerDemo.js

@@ -3,7 +3,7 @@ import { useTimer } from '../../src/index';
 import TimerStyled from './TimerStyled';
 import Button from './Button';
 
-export default function UseTimerDemo({ expiryTimestamp }: Object) {
+export default function UseTimerDemo({ expiryTimestamp }) {
   const {
     seconds,
     minutes,