🐛 import react and react-dom

.github/workflows/build.yml

@@ -10,6 +10,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v2
       - run: npm i esbuild -g
+      - run: npm i
       - run: chmod +x ./build.sh && mkdir -p ./assets/js/ && ./build.sh
       - run: mkdir ./vendor && wget https://github.com/tencentyun/cos-php-sdk-v5/releases/download/v2.3.4/cos-sdk-v5-7.phar -O ./vendor/cos-sdk-v5-7.phar
       - name: Make file

.gitignore

@@ -1,2 +1,5 @@
 vendor
-assets
+assets
+node_modules
+yarn.lock
+package-lock.json

package.json

@@ -13,5 +13,9 @@
       "fa": "shield-alt",
       "bg": "yellow"
     }
+  },
+  "dependencies": {
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0"
   }
 }

views/components/Pagination.tsx

@@ -1,5 +1,4 @@
-// @ts-ignore
-const React = window.React
+import React from 'react'
 // @ts-ignore
 const t = window.trans
 import PaginationItem from './PaginationItem'

views/components/PaginationItem.tsx

@@ -1,5 +1,4 @@
-// @ts-ignore
-const React = window.React
+import React from 'react'
 
 interface Props {
   disabled?: boolean

views/moderation.jsx

@@ -1,5 +1,5 @@
-const React = window.React
-const ReactDOM = window.ReactDOM
+import React from 'react'
+import ReactDOM from 'react-dom'
 const bsFetch = window.blessing.fetch
 const toast = window.blessing.notify.toast
 import Pagination from './components/Pagination'