Add <any> to React.ReactElement type definitions

client/components/LogoutButton.tsx

@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import { logoutUrl } from "../util/routes";
 import { useFetchContext } from "../context/FetchContext";
 
-const LogoutButton = (): React.ReactElement => {
+const LogoutButton = (): React.ReactElement<any> => {
     const {
         state: { token },
         action: { clearToken },

client/components/bulk/BulkEditor.tsx

@@ -9,7 +9,7 @@ import Select from "@mui/material/Select";
 import MenuItem from "@mui/material/MenuItem";
 import BlurSavingTextField from "../shared/BlurSavingTextField";
 
-const BulkEditor = (): React.ReactElement => {
+const BulkEditor = (): React.ReactElement<any> => {
     const {
         state: { licensesCatalog },
         action: { initializeCatalog },

client/components/edit/Breadcrumbs.tsx

@@ -9,7 +9,7 @@ interface BreadcrumbsProps {
     initiallyShallow?: boolean;
 }
 
-const Breadcrumbs = ({ pid = null, initiallyShallow = true }: BreadcrumbsProps): React.ReactElement => {
+const Breadcrumbs = ({ pid = null, initiallyShallow = true }: BreadcrumbsProps): React.ReactElement<any> => {
     const {
         state: { parentDetailsStorage, topLevelPids },
         action: { loadParentDetailsIntoStorage },

client/components/edit/CopyPidButton.tsx

@@ -5,7 +5,7 @@ interface CopyPidButtonProps {
     pid: string;
 }
 
-const CopyPidButton = ({ pid }: CopyPidButtonProps): React.ReactElement => {
+const CopyPidButton = ({ pid }: CopyPidButtonProps): React.ReactElement<any> => {
     return (
         <button onClick={() => navigator.clipboard.writeText(pid)}>
             <ContentCopy titleAccess={`Copy PID (${pid}) to clipboard`} />

client/components/edit/DeleteObjectButton.tsx

@@ -10,7 +10,7 @@ export interface DeleteObjectButtonProps {
     pid: string;
 }
 
-const DeleteObjectButton = ({ pid }: DeleteObjectButtonProps): React.ReactElement => {
+const DeleteObjectButton = ({ pid }: DeleteObjectButtonProps): React.ReactElement<any> => {
     const {
         action: { attachObjectToParent, getParentCountForPid, moveObjectToParent, updateObjectState },
         state: { objectDetailsStorage, trashPid },

client/components/edit/EditHome.tsx

@@ -7,7 +7,7 @@ import EditorSnackbar from "./EditorSnackbar";
 import Link from "next/link";
 import { useEditorContext } from "../../context/EditorContext";
 
-const EditHome = (): React.ReactElement => {
+const EditHome = (): React.ReactElement<any> => {
     const {
         action: { initializeCatalog },
     } = useEditorContext();

client/components/edit/EditParentsButton.tsx

@@ -6,7 +6,7 @@ export interface ObjectStatusProps {
     pid: string;
 }
 
-export const EditParentsButton = ({ pid }: ObjectStatusProps): React.ReactElement => {
+export const EditParentsButton = ({ pid }: ObjectStatusProps): React.ReactElement<any> => {
     const {
         action: { openModal },
     } = useGlobalContext();

client/components/edit/EditorSnackbar.tsx

@@ -5,7 +5,7 @@ import Snackbar from "@mui/material/Snackbar";
 import CloseIcon from "@mui/icons-material/Close";
 import { useGlobalContext } from "../../context/GlobalContext";
 
-const EditorSnackbar = (): React.ReactElement => {
+const EditorSnackbar = (): React.ReactElement<any> => {
     const {
         state: {
             snackbarState: { message, open, severity },

client/components/edit/ObjectButtonBar.tsx

@@ -13,7 +13,7 @@ export interface ObjectButtonBarProps {
     pid: string;
 }
 
-const ObjectButtonBar = ({ pid }: ObjectButtonBarProps): React.ReactElement => {
+const ObjectButtonBar = ({ pid }: ObjectButtonBarProps): React.ReactElement<any> => {
     const {
         action: { clearPidFromChildListStorage },
     } = useEditorContext();

client/components/edit/ObjectChildCounts.tsx

@@ -6,7 +6,7 @@ export interface ObjectChildCountsProps {
     pid: string;
 }
 
-export const ObjectChildCounts = ({ pid }: ObjectChildCountsProps): React.ReactElement => {
+export const ObjectChildCounts = ({ pid }: ObjectChildCountsProps): React.ReactElement<any> => {
     const {
         state: { childCountsStorage },
         action: { loadChildCountsIntoStorage },

client/components/edit/ObjectEditor.tsx

@@ -16,7 +16,7 @@ interface ObjectEditorProps {
     pid: string;
 }
 
-const ObjectEditor = ({ pid }: ObjectEditorProps): React.ReactElement => {
+const ObjectEditor = ({ pid }: ObjectEditorProps): React.ReactElement<any> => {
     const {
         action: { initializeCatalog, loadCurrentObjectDetails, setCurrentPid },
     } = useEditorContext();

client/components/edit/ObjectModels.tsx

@@ -5,7 +5,7 @@ export interface ObjectModelsProps {
     pid: string;
 }
 
-const ObjectModels = ({ pid }: ObjectModelsProps): React.ReactElement => {
+const ObjectModels = ({ pid }: ObjectModelsProps): React.ReactElement<any> => {
     const {
         state: { objectDetailsStorage },
     } = useEditorContext();

client/components/edit/ObjectOrder.tsx

@@ -7,7 +7,7 @@ export interface ObjectOrderProps {
     pid: string;
 }
 
-const ObjectOrder = ({ pid }: ObjectOrderProps): React.ReactElement => {
+const ObjectOrder = ({ pid }: ObjectOrderProps): React.ReactElement<any> => {
     const {
         state: { objectDetailsStorage },
         action: { clearPidFromChildListStorage, removeFromObjectDetailsStorage },

client/components/edit/ObjectPreviewButton.tsx

@@ -5,7 +5,7 @@ export interface ObjectPreviewButtonProps {
     pid: string;
 }
 
-const ObjectPreviewButton = ({ pid }: ObjectPreviewButtonProps): React.ReactElement => {
+const ObjectPreviewButton = ({ pid }: ObjectPreviewButtonProps): React.ReactElement<any> => {
     const {
         state: { vufindUrl },
     } = useEditorContext();

client/components/edit/ObjectStatus.tsx

@@ -26,7 +26,7 @@ function getStatusIcon(statusText: string) {
     return <HelpOutlineIcon />;
 }
 
-export const ObjectStatus = ({ pid }: ObjectStatusProps): React.ReactElement => {
+export const ObjectStatus = ({ pid }: ObjectStatusProps): React.ReactElement<any> => {
     const {
         action: { openModal },
     } = useGlobalContext();

client/components/edit/ObjectSummary.tsx

@@ -11,7 +11,7 @@ import ObjectThumbnail from "./ObjectThumbnail";
 import ObjectChildCounts from "./ObjectChildCounts";
 import { updateRecentPidsCatalog } from "../../util/RecentPidsCatalog";
 
-const ObjectSummary = (): React.ReactElement => {
+const ObjectSummary = (): React.ReactElement<any> => {
     const {
         state: { currentPid, objectDetailsStorage },
         action: { extractFirstMetadataValue, loadCurrentObjectDetails },

client/components/edit/ObjectThumbnail.tsx

@@ -5,7 +5,7 @@ export interface ObjectThumbnailProps {
     pid: string;
 }
 
-const ObjectThumbnail = ({ pid }: ObjectThumbnailProps): React.ReactElement => {
+const ObjectThumbnail = ({ pid }: ObjectThumbnailProps): React.ReactElement<any> => {
     const {
         state: { vufindUrl, objectDetailsStorage },
     } = useEditorContext();

client/components/edit/PidPicker.tsx

@@ -18,7 +18,7 @@ interface PidPickerProps {
     parents?: Array<Parent>;
 }
 
-const PidPicker = ({ selected, setSelected, parents = [] }: PidPickerProps): React.ReactElement => {
+const PidPicker = ({ selected, setSelected, parents = [] }: PidPickerProps): React.ReactElement<any> => {
     const {
         state: { favoritePidsCatalog },
     } = useEditorContext();

client/components/edit/StateModal.tsx

@@ -17,7 +17,7 @@ import { getObjectRecursiveChildPidsUrl } from "../../util/routes";
 import { useFetchContext } from "../../context/FetchContext";
 import ObjectLoader from "./ObjectLoader";
 
-const StateModal = (): React.ReactElement => {
+const StateModal = (): React.ReactElement<any> => {
     const {
         action: { closeModal, isModalOpen, setSnackbarState },
     } = useGlobalContext();

client/components/edit/children/Child.tsx

@@ -33,7 +33,7 @@ export const Child = ({
     thumbnail = false,
     models = false,
     showChildCounts = false,
-}: ChildProps): React.ReactElement => {
+}: ChildProps): React.ReactElement<any> => {
     const {
         state: { objectDetailsStorage },
     } = useEditorContext();

client/components/edit/children/ChildList.tsx

@@ -23,7 +23,7 @@ export const ChildList = ({
     forceChildCounts = null,
     forceModels = null,
     forceThumbs = null,
-}: ChildListProps): React.ReactElement => {
+}: ChildListProps): React.ReactElement<any> => {
     const {
         state: { childListStorage },
         action: { getChildListStorageKey, loadChildrenIntoStorage },

client/components/edit/children/ChildPosition.tsx

@@ -9,7 +9,7 @@ export interface ChildPositionProps {
     parentPid: string;
 }
 
-export const ChildPosition = ({ pid, parentPid }: ChildPositionProps): React.ReactElement => {
+export const ChildPosition = ({ pid, parentPid }: ChildPositionProps): React.ReactElement<any> => {
     const {
         state: { objectDetailsStorage },
         action: { clearPidFromChildListStorage, removeFromObjectDetailsStorage },

client/components/edit/children/SelectableChild.tsx

@@ -18,7 +18,7 @@ export const SelectableChild = ({
     selectCallback,
     initialTitle,
     thumbnail = false,
-}: SelectableChildProps): React.ReactElement => {
+}: SelectableChildProps): React.ReactElement<any> => {
     const {
         state: { objectDetailsStorage },
     } = useEditorContext();

client/components/edit/create/CategoryTreeView.tsx

@@ -7,7 +7,7 @@ interface CategoryTreeViewProps {
     setSelectedModel: Dispatch<string>;
 }
 
-const CategoryTreeView = ({ models, setSelectedModel }: CategoryTreeViewProps): React.ReactElement => {
+const CategoryTreeView = ({ models, setSelectedModel }: CategoryTreeViewProps): React.ReactElement<any> => {
     function handleSelect(event, model) {
         event.preventDefault();
         // Ignore categories

client/components/edit/create/CreateObject.tsx

@@ -17,7 +17,7 @@ const CreateObject = ({
     parentPid = "",
     allowNoParentPid = false,
     allowChangeParentPid = true,
-}: CreateObjectProps): React.ReactElement => {
+}: CreateObjectProps): React.ReactElement<any> => {
     const {
         action: { fetchText, fetchJSON },
     } = useFetchContext();

client/components/edit/datastream/Datastream.tsx

@@ -10,7 +10,7 @@ interface DatastreamProps {
         disabled: boolean;
     };
 }
-const Datastream = ({ datastream }: DatastreamProps): React.ReactElement => {
+const Datastream = ({ datastream }: DatastreamProps): React.ReactElement<any> => {
     const { stream, disabled } = datastream;
     return (
         <ListItem

client/components/edit/datastream/DatastreamAgentsAddContentRow.tsx

@@ -20,7 +20,7 @@ const DatastreamAgentsAddContentRow = ({
     agent,
     setAgent,
     setHasChanges,
-}: DatastreamAgentsAddContentRowProps): React.ReactElement => {
+}: DatastreamAgentsAddContentRowProps): React.ReactElement<any> => {
     const {
         state: { currentAgents },
         action: { setCurrentAgents },

client/components/edit/datastream/DatastreamAgentsContent.tsx

@@ -16,7 +16,7 @@ import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import PidPicker from "../PidPicker";
 
-const DatastreamAgentsContent = (): React.ReactElement => {
+const DatastreamAgentsContent = (): React.ReactElement<any> => {
     const {
         state: { agentsCatalog, currentAgents, objectDetailsStorage },
         action: { loadObjectDetailsIntoStorage, setCurrentAgents },

client/components/edit/datastream/DatastreamAgentsContentNotes.tsx

@@ -17,7 +17,7 @@ const DatastreamAgentsContentNotes = ({
     expanded,
     notes,
     setNotes,
-}: DatastreamAgentsContentNotesProps): React.ReactElement => {
+}: DatastreamAgentsContentNotesProps): React.ReactElement<any> => {
     const [note, setNote] = useState("");
     const onEditNote = (value: string, noteIndex: number) => {
         notes[noteIndex] = value;

client/components/edit/datastream/DatastreamAgentsContentRow.tsx

@@ -36,7 +36,7 @@ const DatastreamAgentsContentRow = ({
     onTypeChange,
     onNameChange,
     onNotesChange,
-}: DatastreamAgentsContentRowProps): React.ReactElement => {
+}: DatastreamAgentsContentRowProps): React.ReactElement<any> => {
     const {
         state: { agentsCatalog },
     } = useEditorContext();

client/components/edit/datastream/DatastreamAgentsModifyContentRow.tsx

@@ -20,7 +20,7 @@ const DatastreamAgentsModifyContentRow = ({
     agent,
     index,
     setHasChanges,
-}: DatastreamAgentsModifyContentRowProps): React.ReactElement => {
+}: DatastreamAgentsModifyContentRowProps): React.ReactElement<any> => {
     const {
         state: { currentAgents },
         action: { setCurrentAgents },

client/components/edit/datastream/DatastreamControlButton.tsx

@@ -29,7 +29,7 @@ const DatastreamControlButton = ({
     modalState,
     datastream,
     disabled,
-}: DatastreamControlButtonProps): React.ReactElement => {
+}: DatastreamControlButtonProps): React.ReactElement<any> => {
     const [isLoading, setLoading] = useState(false);
     const {
         action: { setActiveDatastream, setDatastreamModalState },

client/components/edit/datastream/DatastreamControls.tsx

@@ -9,7 +9,7 @@ interface DatastreamControlsProps {
     disabled: boolean;
 }
 
-const DatastreamControls = ({ datastream, disabled }: DatastreamControlsProps): React.ReactElement => {
+const DatastreamControls = ({ datastream, disabled }: DatastreamControlsProps): React.ReactElement<any> => {
     return (
         <Box className="datastreamControls">
             <ButtonGroup variant="text">

client/components/edit/datastream/DatastreamDeleteModalContent.tsx

@@ -6,7 +6,7 @@ import DialogContentText from "@mui/material/DialogContentText";
 import { useGlobalContext } from "../../../context/GlobalContext";
 import useDatastreamOperation from "../../../hooks/useDatastreamOperation";
 
-const DatastreamDeleteModalContent = (): React.ReactElement => {
+const DatastreamDeleteModalContent = (): React.ReactElement<any> => {
     const {
         action: { closeModal },
     } = useGlobalContext();

client/components/edit/datastream/DatastreamDublinCoreAddButtons.tsx

@@ -3,7 +3,7 @@ import { useEditorContext } from "../../../context/EditorContext";
 import { useDublinCoreMetadataContext } from "../../../context/DublinCoreMetadataContext";
 import PidPicker from "../PidPicker";
 
-const DatastreamDublinCoreAddButtons = (): React.ReactElement => {
+const DatastreamDublinCoreAddButtons = (): React.ReactElement<any> => {
     const {
         state: { currentPid, dublinCoreFieldCatalog, objectDetailsStorage, parentDetailsStorage },
         action: { loadObjectDetailsIntoStorage },

client/components/edit/datastream/DatastreamDublinCoreContent.tsx

@@ -11,7 +11,7 @@ import DatastreamDublinCoreValues from "./DatastreamDublinCoreValues";
 import DatastreamDublinCoreAddButtons from "./DatastreamDublinCoreAddButtons";
 import ObjectPreviewButton from "../ObjectPreviewButton";
 
-const DatastreamDublinCoreContent = (): React.ReactElement => {
+const DatastreamDublinCoreContent = (): React.ReactElement<any> => {
     const {
         state: { currentPid, objectDetailsStorage },
     } = useEditorContext();

client/components/edit/datastream/DatastreamDublinCoreEditField.tsx

@@ -17,7 +17,7 @@ const DatastreamDublinCoreEditField = ({
     setValue,
     fieldType,
     legalValues = [],
-}: DatastreamDublinCoreEditFieldProps): React.ReactElement => {
+}: DatastreamDublinCoreEditFieldProps): React.ReactElement<any> => {
     // We need this effect to make TinyMCE pop-up dialogs (e.g. view source) work:
     useEffect(() => {
         const handler = (e) => {

client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx

@@ -7,7 +7,7 @@ import AddCircle from "@mui/icons-material/AddCircle";
 import IconButton from "@mui/material/IconButton";
 import Grid from "@mui/material/Grid";
 
-const DatastreamDublinCoreFieldGroup = ({ field }: { field: string }): React.ReactElement => {
+const DatastreamDublinCoreFieldGroup = ({ field }: { field: string }): React.ReactElement<any> => {
     const {
         state: { dublinCoreFieldCatalog },
     } = useEditorContext();

client/components/edit/datastream/DatastreamDublinCoreValues.tsx

@@ -3,7 +3,7 @@ import { useEditorContext } from "../../../context/EditorContext";
 import { useDublinCoreMetadataContext } from "../../../context/DublinCoreMetadataContext";
 import DatastreamDublinCoreFieldGroup from "./DatastreamDublinCoreFieldGroup";
 
-const DatastreamDublinCoreValues = (): React.ReactElement => {
+const DatastreamDublinCoreValues = (): React.ReactElement<any> => {
     const {
         state: { dublinCoreFieldCatalog },
     } = useEditorContext();

client/components/edit/datastream/DatastreamLicenseContent.tsx

@@ -11,7 +11,7 @@ import useDatastreamOperation from "../../../hooks/useDatastreamOperation";
 import { useEditorContext } from "../../../context/EditorContext";
 import { useGlobalContext } from "../../../context/GlobalContext";
 
-const DatastreamLicenseContent = (): React.ReactElement => {
+const DatastreamLicenseContent = (): React.ReactElement<any> => {
     const {
         state: { licensesCatalog },
     } = useEditorContext();

client/components/edit/datastream/DatastreamList.tsx

@@ -8,7 +8,7 @@ interface Datastream {
     stream: string;
 }
 
-const DatastreamList = (): React.ReactElement => {
+const DatastreamList = (): React.ReactElement<any> => {
     const {
         state: { modelsDatastreams },
     } = useEditorContext();

client/components/edit/datastream/DatastreamMetadataModalContent.tsx

@@ -4,7 +4,7 @@ import useDatastreamOperation from "../../../hooks/useDatastreamOperation";
 import DatatypeContent from "../../shared/DatatypeContent";
 import CircularProgress from "@mui/material/CircularProgress";
 
-const DatastreamMetadataModalContent = (): React.ReactElement => {
+const DatastreamMetadataModalContent = (): React.ReactElement<any> => {
     const [content, setContent] = useState({
         data: "",
         mimeType: "",

client/components/edit/datastream/DatastreamModal.tsx

@@ -22,7 +22,7 @@ const DatastreamModalContent = ({ datastreamModalState }: { datastreamModalState
     return datastreamModalState ? contentMapping[datastreamModalState] : null;
 };
 
-const DatastreamModal = (): React.ReactElement => {
+const DatastreamModal = (): React.ReactElement<any> => {
     const {
         state: { datastreamModalState },
     } = useEditorContext();

client/components/edit/datastream/DatastreamProcessMetadataContent.tsx

@@ -25,7 +25,7 @@ import PidPicker from "../PidPicker";
 // task add/remove, and used as part of the keys on related components.
 let taskKeyGeneration = 0;
 
-const DatastreamProcessMetadataContent = (): React.ReactElement => {
+const DatastreamProcessMetadataContent = (): React.ReactElement<any> => {
     const {
         action: { closeModal },
     } = useGlobalContext();