run monitor at 1 second intervals

.prettierrc.json

@@ -1,4 +1,4 @@
 {
   "semi": true,
-  "arrowParens": "avoid"
+  "singleQuote": true
 }

src/components/Prototype.tsx

@@ -1,4 +1,16 @@
+import { useEffect } from 'react';
+import monitor from 'src/prototype/monitor';
+import { ONE_SECOND_IN_MS } from 'src/utils/constants';
+
 const Prototype = () => {
+  console.log('Prototype component re-render');
+
+  useEffect(() => {
+    // use setInterval to run monitor every second (1000ms)
+    const interval = setInterval(() => monitor({}), ONE_SECOND_IN_MS);
+    return () => clearInterval(interval);
+  }, []);
+
   return <div>Prototype</div>;
 };
 

src/prototype/monitor.ts

@@ -7,6 +7,8 @@ type MonitorProps = {
  * @param ???
  * @returns ???
  */
-const useMonitor = ({}: MonitorProps) => {};
+const monitor = ({}: MonitorProps) => {
+  console.log('monitor');
+};
 
-export default useMonitor;
+export default monitor;

src/utils/constants.ts

@@ -0,0 +1 @@
+export const ONE_SECOND_IN_MS = 1000;