fix useNotify() calls, and chnaged some typings

frontend/src/components/CrossSearch/CrossSearchExportMenuItem.tsx

@@ -28,7 +28,7 @@ export const CrossSearchExportMenuItem = ({ handleClose }: { handleClose: () =>
       throw new Error('Server response was not OK.')
     }
     const reader = response.body!.getReader()
-    const file: Uint8Array<ArrayBufferLike>[] = []
+    const file: Uint8Array[] = []
     let bytes = 0
     let closed = false
 

frontend/src/components/DetailView/common/ContactForm.tsx

@@ -43,7 +43,7 @@ export const ContactForm = <T extends object>({
   const [sendEmailMutation] = useEmailMutation()
   const { trigger, getValues, register, setValue, control, formState } = useForm<ContactFormValues>()
   const { errors } = formState
-  const notify = useNotify()
+  const { notify } = useNotify()
   const user = useUser()
   const { data: personData, isLoading: personQueryloading } = useGetPersonDetailsQuery(user.initials ?? skipToken)
 

frontend/src/components/Locality/LocalityDetails.tsx

@@ -35,7 +35,7 @@ export const LocalityDetails = () => {
     skip: isNew,
   })
 
-  const notify = useNotify()
+  const { notify } = useNotify()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteLocalityMutation()
 
   useEffect(() => {

frontend/src/components/Locality/LocalityTable.tsx

@@ -25,7 +25,7 @@ export const LocalityTable = ({ selectorFn }: { selectorFn?: (newObject: Localit
   const [getLocalitySpeciesList, { isLoading }] = useGetLocalitySpeciesListMutation()
   const [filteredLocalities, setFilteredLocalities] = useState<SimplifiedLocality[]>()
   const columnFilters = usePageContext()
-  const notify = useNotify()
+  const { notify } = useNotify()
 
   const handleLocalityRowActionClick = (row: Locality) => {
     setSelectedLocality(row.lid.toString())

frontend/src/components/Login.tsx

@@ -17,7 +17,7 @@ export const Login = () => {
   const location = useLocation()
   const search = new URLSearchParams(location.search)
   const loginHadExpired = search.get('expired')
-  const notify = useNotify()
+  const { notify } = useNotify()
 
   document.title = 'Login'
 

frontend/src/components/NavBar.tsx

@@ -16,7 +16,7 @@ export const NavBar = () => {
   const user = useUser()
   const navigate = useNavigate()
   const dispatch = useDispatch()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const pages: LinkDefinition[] = [
     { title: 'Localities', url: '/locality' },
     { title: 'Species', url: '/species' },

frontend/src/components/Person/PersonDetails.tsx

@@ -18,7 +18,7 @@ export const PersonDetails = () => {
   const { id: idFromUrl } = useParams()
   const user = useUser()
   const [editPersonRequest, { isLoading: mutationLoading }] = useEditPersonMutation()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
 
   // A bit convoluted, but this is to allow using the same component for user's own page

frontend/src/components/Person/Tabs/AddUserModal.tsx

@@ -119,7 +119,7 @@ export const AddUserModal = ({ isOpen, onClose, onSave, personInitials }: Props)
     userGroup: userGroups[0],
   })
   const [createUser, { isLoading }] = useCreateUserMutation()
-  const notify = useNotify()
+  const { notify } = useNotify()
 
   const save = () => {
     const userDetails: UserDetailsType = {

frontend/src/components/Person/Tabs/ChangePasswordForm.tsx

@@ -11,7 +11,7 @@ export const ChangePasswordForm = () => {
   const [newPassword, setNewPassword] = useState('')
   const [verifyPassword, setVerifyPassword] = useState('')
   const [changePasswordMutation] = useChangePasswordMutation()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const sx = { display: 'flex', alignItems: 'center', width: '10em', fontWeight: 'bold' }
   const dispatch = useDispatch()
 

frontend/src/components/Person/Tabs/PersonTab.tsx

@@ -15,7 +15,7 @@ import { AddUserModal } from './AddUserModal'
 export const PersonTab = () => {
   const { textField, dropdownWithSearch, data, mode } = useDetailContext<PersonDetailsType>()
   const currentUser = useUser()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const { id: idFromUrl } = useParams()
   const isNew = idFromUrl === 'new'
   const isAdmin = currentUser.role == Role.Admin

frontend/src/components/Reference/ReferenceDetails.tsx

@@ -24,7 +24,7 @@ export const ReferenceDetails = () => {
   const { isFetching, isError, data } = useGetReferenceDetailsQuery(id!, { skip: isNew })
   const [editReferenceRequest, { isLoading: mutationLoading }] = useEditReferenceMutation()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteReferenceMutation()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
 
   useEffect(() => {

frontend/src/components/Region/RegionDetails.tsx

@@ -15,7 +15,7 @@ export const RegionDetails = () => {
   const { isLoading, isError, data } = useGetRegionDetailsQuery(id!, { skip: isNew })
   const [editRegionRequest, { isLoading: mutationLoading }] = useEditRegionMutation()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteRegionMutation()
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
 
   useEffect(() => {

frontend/src/components/Species/SpeciesDetails.tsx

@@ -25,7 +25,7 @@ export const SpeciesDetails = () => {
   }
   const [editSpeciesRequest, { isLoading: mutationLoading }] = useEditSpeciesMutation()
   const { isError, isFetching, data } = useGetSpeciesDetailsQuery(id!, { skip: isNew })
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteSpeciesMutation()
 

frontend/src/components/TimeBound/TimeBoundDetails.tsx

@@ -26,7 +26,7 @@ export const TimeBoundDetails = () => {
   })
   const [editTimeBoundRequest] = useEditTimeBoundMutation()
 
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteTimeBoundMutation()
 

frontend/src/components/TimeUnit/TimeUnitDetails.tsx

@@ -25,7 +25,7 @@ export const TimeUnitDetails = () => {
   const { isLoading, isError, isFetching, data } = useGetTimeUnitDetailsQuery(encodeURIComponent(id!), { skip: isNew })
   const [editTimeUnitRequest] = useEditTimeUnitMutation()
 
-  const notify = useNotify()
+  const { notify } = useNotify()
   const navigate = useNavigate()
   const [deleteMutation, { isSuccess: deleteSuccess, isError: deleteError }] = useDeleteTimeUnitMutation()