minor changes in App.js

Author: amrlabib

.eslintrc

@@ -6,6 +6,7 @@
   "rules": {
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
+    "react/jsx-filename-extension": 0,
     "no-unused-expressions": [ 2,{
       "allowShortCircuit": true,
     }],

app/App.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useTimer } from '../src/index';
 
+
 function MyTimer({ expiryTimestamp }) {
   const {
     seconds,
@@ -10,32 +11,37 @@ function MyTimer({ expiryTimestamp }) {
     start,
     pause,
     resume,
-    restart
+    restart,
   } = useTimer({ expiryTimestamp, onExpire: () => console.warn('onExpire called') });
 
 
   return (
-    <div style={{textAlign: 'center'}}>
+    <div style={{ textAlign: 'center' }}>
       <h1>react-timer-hook </h1>
       <p>Timer Demo</p>
-      <div style={{fontSize: '100px'}}>
+      <div style={{ fontSize: '100px' }}>
         <span>{days}</span>:<span>{hours}</span>:<span>{minutes}</span>:<span>{seconds}</span>
       </div>
-      <button onClick={start}>Start</button>
-      <button onClick={pause}>Pause</button>
-      <button onClick={resume}>Resume</button>
-      <button onClick={() => {
-        // Restarts to 5 minutes timer
-        var t = new Date();
-        t.setSeconds(t.getSeconds() + 300);
-        restart(t)
-      }}>restart</button>
+      <button type="button" onClick={start}>Start</button>
+      <button type="button" onClick={pause}>Pause</button>
+      <button type="button" onClick={resume}>Resume</button>
+      <button
+        type="button"
+        onClick={() => {
+          // Restarts to 5 minutes timer
+          const t = new Date();
+          t.setSeconds(t.getSeconds() + 300);
+          restart(t);
+        }}
+      >
+        Restart
+      </button>
     </div>
   );
 }
 
 export default function App() {
-  var t = new Date();
+  const t = new Date();
   t.setSeconds(t.getSeconds() + 600); // 10 minutes timer
   return (
     <div>