修复类型错误

LeafYeeXYZ · May 15, 2024 · f990a20 · f990a20
1 parent 891879e
commit f990a20
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 22 deletions.
diff --git a/package.json b/package.json
@@ -29,8 +29,8 @@
     "swiper": "^11.1.3"
   },
   "devDependencies": {
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
+    "@types/react": "npm:types-react@beta",
+    "@types/react-dom": "npm:types-react-dom@beta",
     "@typescript-eslint/eslint-plugin": "^7.9.0",
     "@typescript-eslint/parser": "^7.9.0",
     "@vitejs/plugin-react": "^4.2.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Prompt.tsx b/src/components/Prompt.tsx
@@ -32,9 +32,9 @@ interface PromptProps {
   status: React.MutableRefObject<string>
   children: JSX.Element
   geneMode: 'textToImage' | 'imageToImage'
-  fileRef: React.RefObject<HTMLInputElement>
+  fileRef: React.RefObject<HTMLInputElement | null>
   setLoadingImage: React.Dispatch<React.SetStateAction<React.JSX.Element | null>>
-  promptRef: React.RefObject<HTMLTextAreaElement>
+  promptRef: React.RefObject<HTMLTextAreaElement | null>
 }
 
 class ErrorInfo {

diff --git a/src/components/Widgets/ImageSelector.tsx b/src/components/Widgets/ImageSelector.tsx
@@ -3,7 +3,7 @@ import type { DialogAction } from "../../libs/useDialog"
 import { LangContext } from "../../lang"
 
 interface ImageSelectorProps {
-  ref: React.RefObject<HTMLInputElement>
+  ref: React.RefObject<HTMLInputElement | null>
   geneMode: 'textToImage' | 'imageToImage'
   dialogAction: React.Dispatch<DialogAction>
 }

diff --git a/src/components/Widgets/PromptGenerator.tsx b/src/components/Widgets/PromptGenerator.tsx
@@ -6,9 +6,9 @@ import { flushSync } from 'react-dom'
 import { LangContext } from '../../lang'
 
 interface PromptGeneratorProps {
-  status: React.MutableRefObject<string>
+  status: React.RefObject<string>
   dialogAction: React.Dispatch<DialogAction>
-  promptRef: React.RefObject<HTMLTextAreaElement>
+  promptRef: React.RefObject<HTMLTextAreaElement | null>
 }
 
 export default function PromptGenerator({ status, dialogAction, promptRef }: PromptGeneratorProps) {