introduced yarn workspace

packages/web/src/utility/useFetch.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import axios from './axios';
+import useSocket from './SocketProvider';
+import stableStringify from 'json-stable-stringify';
+
+export default function useFetch({
+  url,
+  params = undefined,
+  defaultValue = undefined,
+  reloadTrigger = undefined,
+  ...config
+}) {
+  const [value, setValue] = React.useState(defaultValue);
+  const [loadCounter, setLoadCounter] = React.useState(0);
+  const socket = useSocket();
+
+  const handleReload = () => {
+    setLoadCounter(loadCounter + 1);
+  };
+
+  async function loadValue() {
+    const resp = await axios.request({
+      method: 'get',
+      params,
+      url,
+      ...config,
+    });
+    setValue(resp.data);
+  }
+  React.useEffect(() => {
+    loadValue();
+    if (reloadTrigger && socket) {
+      socket.on(reloadTrigger, handleReload);
+      return () => {
+        socket.off(reloadTrigger, handleReload);
+      };
+    }
+  }, [url, stableStringify(params), socket, loadCounter]);
+
+  return value;
+}