fix: just use swr

Author: Yukaii

package-lock.json

@@ -205,7 +205,7 @@
     "@types/jquery": "^3.3.30",
     "@types/mocha": "^5.2.6",
     "@types/node": "^10.12.21",
-    "@types/react": "^18.0.26",
+    "@types/react": "^17.0.52",
     "@types/vscode": "^1.74.0",
     "@typescript-eslint/eslint-plugin": "^5.47.1",
     "@typescript-eslint/parser": "^5.47.1",
@@ -259,6 +259,7 @@
     "node-fetch": "^2.6.7",
     "react": "^17.0.2",
     "react-vsc-treeview": "^0.2.3",
-    "string": "git+ssh://[email protected]/hackmdio/string.js.git#a68176b3d"
+    "string": "git+ssh://[email protected]/hackmdio/string.js.git#a68176b3d",
+    "swr": "^1.3.0"
   }
 }

package.json

@@ -1,10 +1,11 @@
+import useSWR from 'swr';
+
 import { API } from '../../api';
 import { NoteTreeItem } from '../components/NoteTreeItem';
-import { usePromise } from '../utils/usePromise';
 
 export const History = () => {
   // TODO: mutate history list on refresh
-  const { data = [] } = usePromise(() => API.getHistory(), ['history']);
+  const { data = [] } = useSWR('history', () => API.getHistory());
 
   return (
     <>

src/treeReactApp/pages/History.tsx

@@ -1,9 +1,10 @@
+import useSWR from 'swr';
+
 import { API } from '../../api';
 import { NoteTreeItem } from '../components/NoteTreeItem';
-import { usePromise } from '../utils/usePromise';
 
 export const MyNotes = () => {
-  const { data = [] } = usePromise(() => API.getNoteList(), ['myNotes']);
+  const { data = [] } = useSWR('/my-notes', () => API.getNoteList());
 
   return (
     <>