diff --git a/website/src/components/Submission/DataUploadForm.tsx b/website/src/components/Submission/DataUploadForm.tsx index 114506605..25ac986c1 100644 --- a/website/src/components/Submission/DataUploadForm.tsx +++ b/website/src/components/Submission/DataUploadForm.tsx @@ -2,7 +2,7 @@ import { Menu } from '@headlessui/react'; import { isErrorFromAlias } from '@zodios/core'; import type { AxiosError } from 'axios'; import { type DateTime } from 'luxon'; -import { type FormEvent, useMemo, useState, useRef, useEffect, useCallback } from 'react'; +import { type FormEvent, useMemo, useState, useRef, useEffect, useCallback, type ElementType } from 'react'; import { DateChangeModal } from './DateChangeModal'; import { getClientLogger } from '../../clientLogger.ts'; @@ -238,7 +238,7 @@ const UploadComponent = ({ setFile: (file: File | null) => void; name: string; title: string; - Icon: React.ElementType; + Icon: ElementType; fileType: string; }) => { const [myFile, rawSetMyFile] = useState(null); @@ -286,6 +286,7 @@ const UploadComponent = ({ } }); }, 500); + return () => clearInterval(interval); }, [myFile, setMyFile]); return ( @@ -355,7 +356,7 @@ const InnerDataUploadForm = ({ const [sequenceFile, setSequenceFile] = useState(null); const [exampleEntries, setExampleEntries] = useState(10); - const noGroup = useMemo(() => groupsOfUser.length === 0, [groupsOfUser]); + const noGroup = groupsOfUser.length === 0; const { submit, revise, isLoading } = useSubmitFiles(accessToken, organism, clientConfig, onSuccess, onError); const [selectedGroupName, setSelectedGroupName] = useState(