diff --git a/client/components/LogoutButton.tsx b/client/components/LogoutButton.tsx
index 546a6500..5bbe7fef 100644
--- a/client/components/LogoutButton.tsx
+++ b/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 },
diff --git a/client/components/bulk/BulkEditor.tsx b/client/components/bulk/BulkEditor.tsx
index 8c1b485e..8d77fad6 100644
--- a/client/components/bulk/BulkEditor.tsx
+++ b/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 },
diff --git a/client/components/edit/Breadcrumbs.tsx b/client/components/edit/Breadcrumbs.tsx
index b36a2da5..9fc9ab5e 100644
--- a/client/components/edit/Breadcrumbs.tsx
+++ b/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 },
diff --git a/client/components/edit/CopyPidButton.tsx b/client/components/edit/CopyPidButton.tsx
index 05fd9086..eac9cf62 100644
--- a/client/components/edit/CopyPidButton.tsx
+++ b/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`} />
diff --git a/client/components/edit/DeleteObjectButton.tsx b/client/components/edit/DeleteObjectButton.tsx
index b75f2e7b..0d79ca28 100644
--- a/client/components/edit/DeleteObjectButton.tsx
+++ b/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 },
diff --git a/client/components/edit/EditHome.tsx b/client/components/edit/EditHome.tsx
index e9855827..5ca3fda0 100644
--- a/client/components/edit/EditHome.tsx
+++ b/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();
diff --git a/client/components/edit/EditParentsButton.tsx b/client/components/edit/EditParentsButton.tsx
index c25ae7ad..9b59f148 100644
--- a/client/components/edit/EditParentsButton.tsx
+++ b/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();
diff --git a/client/components/edit/EditorSnackbar.tsx b/client/components/edit/EditorSnackbar.tsx
index 1c5c15db..1da64dc0 100644
--- a/client/components/edit/EditorSnackbar.tsx
+++ b/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 },
diff --git a/client/components/edit/ObjectButtonBar.tsx b/client/components/edit/ObjectButtonBar.tsx
index 674dce7b..3b5ec7ed 100644
--- a/client/components/edit/ObjectButtonBar.tsx
+++ b/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();
diff --git a/client/components/edit/ObjectChildCounts.tsx b/client/components/edit/ObjectChildCounts.tsx
index 9dd9e058..3fe599c3 100644
--- a/client/components/edit/ObjectChildCounts.tsx
+++ b/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 },
diff --git a/client/components/edit/ObjectEditor.tsx b/client/components/edit/ObjectEditor.tsx
index d1280526..0c4150be 100644
--- a/client/components/edit/ObjectEditor.tsx
+++ b/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();
diff --git a/client/components/edit/ObjectModels.tsx b/client/components/edit/ObjectModels.tsx
index a490f966..f99df368 100644
--- a/client/components/edit/ObjectModels.tsx
+++ b/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();
diff --git a/client/components/edit/ObjectOrder.tsx b/client/components/edit/ObjectOrder.tsx
index 7e9129e1..994bfeda 100644
--- a/client/components/edit/ObjectOrder.tsx
+++ b/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 },
diff --git a/client/components/edit/ObjectPreviewButton.tsx b/client/components/edit/ObjectPreviewButton.tsx
index f8edffc2..5a922888 100644
--- a/client/components/edit/ObjectPreviewButton.tsx
+++ b/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();
diff --git a/client/components/edit/ObjectStatus.tsx b/client/components/edit/ObjectStatus.tsx
index 9a1bfa5d..10e2684b 100644
--- a/client/components/edit/ObjectStatus.tsx
+++ b/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();
diff --git a/client/components/edit/ObjectSummary.tsx b/client/components/edit/ObjectSummary.tsx
index 047d8d07..115ad5d8 100644
--- a/client/components/edit/ObjectSummary.tsx
+++ b/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 },
diff --git a/client/components/edit/ObjectThumbnail.tsx b/client/components/edit/ObjectThumbnail.tsx
index ffd27aa3..9e835fe0 100644
--- a/client/components/edit/ObjectThumbnail.tsx
+++ b/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();
diff --git a/client/components/edit/PidPicker.tsx b/client/components/edit/PidPicker.tsx
index 7126492b..0103e1eb 100644
--- a/client/components/edit/PidPicker.tsx
+++ b/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();
diff --git a/client/components/edit/StateModal.tsx b/client/components/edit/StateModal.tsx
index 9e130f9c..b9bc3647 100644
--- a/client/components/edit/StateModal.tsx
+++ b/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();
diff --git a/client/components/edit/children/Child.tsx b/client/components/edit/children/Child.tsx
index 4ca6b3f1..b7a65567 100644
--- a/client/components/edit/children/Child.tsx
+++ b/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();
diff --git a/client/components/edit/children/ChildList.tsx b/client/components/edit/children/ChildList.tsx
index b646e5a0..4d777f61 100644
--- a/client/components/edit/children/ChildList.tsx
+++ b/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 },
diff --git a/client/components/edit/children/ChildPosition.tsx b/client/components/edit/children/ChildPosition.tsx
index d7c15f40..48f80f2f 100644
--- a/client/components/edit/children/ChildPosition.tsx
+++ b/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 },
diff --git a/client/components/edit/children/SelectableChild.tsx b/client/components/edit/children/SelectableChild.tsx
index 38660c8b..34df14cc 100644
--- a/client/components/edit/children/SelectableChild.tsx
+++ b/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();
diff --git a/client/components/edit/create/CategoryTreeView.tsx b/client/components/edit/create/CategoryTreeView.tsx
index f7560cb9..d4115b4d 100644
--- a/client/components/edit/create/CategoryTreeView.tsx
+++ b/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
diff --git a/client/components/edit/create/CreateObject.tsx b/client/components/edit/create/CreateObject.tsx
index dd321e0f..f197a57a 100644
--- a/client/components/edit/create/CreateObject.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/Datastream.tsx b/client/components/edit/datastream/Datastream.tsx
index f3e98611..18bc824c 100644
--- a/client/components/edit/datastream/Datastream.tsx
+++ b/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
diff --git a/client/components/edit/datastream/DatastreamAgentsAddContentRow.tsx b/client/components/edit/datastream/DatastreamAgentsAddContentRow.tsx
index 8a7c7d6e..c40844c9 100644
--- a/client/components/edit/datastream/DatastreamAgentsAddContentRow.tsx
+++ b/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 },
diff --git a/client/components/edit/datastream/DatastreamAgentsContent.tsx b/client/components/edit/datastream/DatastreamAgentsContent.tsx
index bac7d2c8..90d57fd1 100644
--- a/client/components/edit/datastream/DatastreamAgentsContent.tsx
+++ b/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 },
diff --git a/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx b/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx
index 145abc74..b9dd960d 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentNotes.tsx
+++ b/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;
diff --git a/client/components/edit/datastream/DatastreamAgentsContentRow.tsx b/client/components/edit/datastream/DatastreamAgentsContentRow.tsx
index 14958d18..3cce2e31 100644
--- a/client/components/edit/datastream/DatastreamAgentsContentRow.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamAgentsModifyContentRow.tsx b/client/components/edit/datastream/DatastreamAgentsModifyContentRow.tsx
index 26bce931..4d62a5b9 100644
--- a/client/components/edit/datastream/DatastreamAgentsModifyContentRow.tsx
+++ b/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 },
diff --git a/client/components/edit/datastream/DatastreamControlButton.tsx b/client/components/edit/datastream/DatastreamControlButton.tsx
index 1a327ae7..f17e2a14 100644
--- a/client/components/edit/datastream/DatastreamControlButton.tsx
+++ b/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 },
diff --git a/client/components/edit/datastream/DatastreamControls.tsx b/client/components/edit/datastream/DatastreamControls.tsx
index b4802c52..1da21e08 100644
--- a/client/components/edit/datastream/DatastreamControls.tsx
+++ b/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">
diff --git a/client/components/edit/datastream/DatastreamDeleteModalContent.tsx b/client/components/edit/datastream/DatastreamDeleteModalContent.tsx
index b6fed1c8..e2be7293 100644
--- a/client/components/edit/datastream/DatastreamDeleteModalContent.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamDublinCoreAddButtons.tsx b/client/components/edit/datastream/DatastreamDublinCoreAddButtons.tsx
index 23963cc2..0902fc13 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreAddButtons.tsx
+++ b/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 },
diff --git a/client/components/edit/datastream/DatastreamDublinCoreContent.tsx b/client/components/edit/datastream/DatastreamDublinCoreContent.tsx
index 9fe784e3..235c0617 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreContent.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamDublinCoreEditField.tsx b/client/components/edit/datastream/DatastreamDublinCoreEditField.tsx
index 862a8983..cd2e130d 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreEditField.tsx
+++ b/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) => {
diff --git a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx b/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx
index 3a7e2d1e..c7a3f2d7 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreFieldGroup.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamDublinCoreValues.tsx b/client/components/edit/datastream/DatastreamDublinCoreValues.tsx
index 26095cf1..30dbb529 100644
--- a/client/components/edit/datastream/DatastreamDublinCoreValues.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamLicenseContent.tsx b/client/components/edit/datastream/DatastreamLicenseContent.tsx
index 4c546658..1fdf91b1 100644
--- a/client/components/edit/datastream/DatastreamLicenseContent.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamList.tsx b/client/components/edit/datastream/DatastreamList.tsx
index 1cb71629..a2d07031 100644
--- a/client/components/edit/datastream/DatastreamList.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamMetadataModalContent.tsx b/client/components/edit/datastream/DatastreamMetadataModalContent.tsx
index 41ce2043..200111a0 100644
--- a/client/components/edit/datastream/DatastreamMetadataModalContent.tsx
+++ b/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: "",
diff --git a/client/components/edit/datastream/DatastreamModal.tsx b/client/components/edit/datastream/DatastreamModal.tsx
index db92b513..fdd9a8d7 100644
--- a/client/components/edit/datastream/DatastreamModal.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx b/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx
index 7b8e26eb..0c4114cb 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataContent.tsx
+++ b/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();
diff --git a/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx b/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
index 8707cf66..5c4bcc9f 100644
--- a/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
+++ b/client/components/edit/datastream/DatastreamProcessMetadataTask.tsx
@@ -21,7 +21,7 @@ const DatastreamProcessMetadataTask = ({
     deleteTask,
     addBelow,
     setAttributes,
-}: DatastreamProcessMetadataTaskProps): React.ReactElement => {
+}: DatastreamProcessMetadataTaskProps): React.ReactElement<any> => {
     const {
         state: { toolPresets },
     } = useEditorContext();
diff --git a/client/components/edit/datastream/DatastreamUploadContent.tsx b/client/components/edit/datastream/DatastreamUploadContent.tsx
index 861def37..f3e645f6 100644
--- a/client/components/edit/datastream/DatastreamUploadContent.tsx
+++ b/client/components/edit/datastream/DatastreamUploadContent.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import DialogContent from "@mui/material/DialogContent";
 import useDatastreamOperation from "../../../hooks/useDatastreamOperation";
 
-const DatastreamUploadContent = (): React.ReactElement => {
+const DatastreamUploadContent = (): React.ReactElement<any> => {
     const { uploadFile } = useDatastreamOperation();
     const onChange = (event) => {
         uploadFile(event.target.files[0]);
diff --git a/client/components/edit/datastream/DatastreamUploadModalContent.tsx b/client/components/edit/datastream/DatastreamUploadModalContent.tsx
index 5c31eb0f..b898f7b9 100644
--- a/client/components/edit/datastream/DatastreamUploadModalContent.tsx
+++ b/client/components/edit/datastream/DatastreamUploadModalContent.tsx
@@ -23,7 +23,7 @@ const uploadModalMapping: Record<string, React.ReactElement> = {
     ),
 };
 
-const DatastreamUploadModalContent = (): React.ReactElement => {
+const DatastreamUploadModalContent = (): React.ReactElement<any> => {
     const {
         state: { activeDatastream },
     } = useEditorContext();
diff --git a/client/components/edit/datastream/DatastreamViewModalContent.tsx b/client/components/edit/datastream/DatastreamViewModalContent.tsx
index a5fd94fc..ca00dd24 100644
--- a/client/components/edit/datastream/DatastreamViewModalContent.tsx
+++ b/client/components/edit/datastream/DatastreamViewModalContent.tsx
@@ -5,7 +5,7 @@ import DatatypeContent from "../../shared/DatatypeContent";
 import CircularProgress from "@mui/material/CircularProgress";
 import { useEditorContext } from "../../../context/EditorContext";
 
-const DatastreamViewModalContent = (): React.ReactElement => {
+const DatastreamViewModalContent = (): React.ReactElement<any> => {
     const [content, setContent] = useState({
         data: "",
         mimeType: "",
diff --git a/client/components/edit/parents/ParentList.tsx b/client/components/edit/parents/ParentList.tsx
index a4bc8f5f..7537ebf7 100644
--- a/client/components/edit/parents/ParentList.tsx
+++ b/client/components/edit/parents/ParentList.tsx
@@ -8,7 +8,7 @@ export interface ParentListProps {
     initiallyShallow?: boolean;
 }
 
-const ParentList = ({ pid, initiallyShallow = true }: ParentListProps): React.ReactElement => {
+const ParentList = ({ pid, initiallyShallow = true }: ParentListProps): React.ReactElement<any> => {
     const {
         action: { setSnackbarState },
     } = useGlobalContext();
diff --git a/client/components/edit/parents/ParentPicker.tsx b/client/components/edit/parents/ParentPicker.tsx
index 7a38efb7..d3f3dc74 100644
--- a/client/components/edit/parents/ParentPicker.tsx
+++ b/client/components/edit/parents/ParentPicker.tsx
@@ -10,7 +10,7 @@ interface ParentPickerProps {
     pid: string;
 }
 
-const ParentPicker = ({ pid }: ParentPickerProps): React.ReactElement => {
+const ParentPicker = ({ pid }: ParentPickerProps): React.ReactElement<any> => {
     const {
         action: { setSnackbarState },
     } = useGlobalContext();
diff --git a/client/components/edit/parents/ParentsModal.tsx b/client/components/edit/parents/ParentsModal.tsx
index 018786a1..e09e5945 100644
--- a/client/components/edit/parents/ParentsModal.tsx
+++ b/client/components/edit/parents/ParentsModal.tsx
@@ -11,7 +11,7 @@ import ObjectLoader from "../ObjectLoader";
 import ParentList from "./ParentList";
 import ParentPicker from "./ParentPicker";
 
-const ParentsModal = (): React.ReactElement => {
+const ParentsModal = (): React.ReactElement<any> => {
     const {
         action: { isModalOpen, closeModal },
     } = useGlobalContext();
diff --git a/client/components/paginate/Category.tsx b/client/components/paginate/Category.tsx
index 4aa6a247..45d66f39 100644
--- a/client/components/paginate/Category.tsx
+++ b/client/components/paginate/Category.tsx
@@ -9,7 +9,7 @@ interface CategoryProps {
     };
 }
 
-const Category = ({ data }: CategoryProps): React.ReactElement => {
+const Category = ({ data }: CategoryProps): React.ReactElement<any> => {
     const { jobs, category } = data;
     const [open, setOpen] = useSessionStorage("open-" + category, false);
     const toggle = (e: React.MouseEvent) => {
diff --git a/client/components/paginate/Job.tsx b/client/components/paginate/Job.tsx
index c4da5c0e..76b02223 100644
--- a/client/components/paginate/Job.tsx
+++ b/client/components/paginate/Job.tsx
@@ -4,7 +4,7 @@ import JobClickable from "./JobClickable";
 
 import useJob, { JobProps } from "../../hooks/useJob";
 
-const Job = ({ category, children }: JobProps): React.ReactElement => {
+const Job = ({ category, children }: JobProps): React.ReactElement<any> => {
     const {
         state: { statusText, clickWarning, action, ingestInfo, clickable, timeoutRef },
         action: { updateStatus },
diff --git a/client/components/paginate/JobClickable.tsx b/client/components/paginate/JobClickable.tsx
index d3487c54..ace5596e 100644
--- a/client/components/paginate/JobClickable.tsx
+++ b/client/components/paginate/JobClickable.tsx
@@ -8,7 +8,7 @@ interface JobClickableProps {
     clickWarning: string;
 }
 
-const JobClickable = ({ category, children, clickable, clickWarning }: JobClickableProps): React.ReactElement => {
+const JobClickable = ({ category, children, clickable, clickWarning }: JobClickableProps): React.ReactElement<any> => {
     const handleClick = (e: React.MouseEvent) => {
         if (clickWarning && !window.confirm(clickWarning)) {
             e.preventDefault();
diff --git a/client/components/paginate/JobList.tsx b/client/components/paginate/JobList.tsx
index c0104105..bd6257ea 100644
--- a/client/components/paginate/JobList.tsx
+++ b/client/components/paginate/JobList.tsx
@@ -6,7 +6,7 @@ interface JobListProps {
     data: Array<string>;
 }
 
-const JobList = ({ category, data }: JobListProps): React.ReactElement => {
+const JobList = ({ category, data }: JobListProps): React.ReactElement<any> => {
     return (
         <ul>
             {data.map((job) => (
diff --git a/client/components/paginate/JobPaginator.tsx b/client/components/paginate/JobPaginator.tsx
index 5f4df72f..89704161 100644
--- a/client/components/paginate/JobPaginator.tsx
+++ b/client/components/paginate/JobPaginator.tsx
@@ -14,7 +14,7 @@ interface JobPaginatorProps {
     initialJob: string;
 }
 
-const JobPaginator = ({ initialCategory, initialJob }: JobPaginatorProps): React.ReactElement => {
+const JobPaginator = ({ initialCategory, initialJob }: JobPaginatorProps): React.ReactElement<any> => {
     const {
         state: { category, job },
         action: { loadJob },
diff --git a/client/components/paginate/JobPaginatorZoomToggle.tsx b/client/components/paginate/JobPaginatorZoomToggle.tsx
index 9aa1473d..f5cec08a 100644
--- a/client/components/paginate/JobPaginatorZoomToggle.tsx
+++ b/client/components/paginate/JobPaginatorZoomToggle.tsx
@@ -3,7 +3,7 @@ import { usePaginatorContext } from "../../context/PaginatorContext";
 import PaginatorPreview from "./PaginatorPreview";
 import PaginatorZoomy from "./PaginatorZoomy";
 
-const JobPaginatorZoomToggle = (): React.ReactElement => {
+const JobPaginatorZoomToggle = (): React.ReactElement<any> => {
     const {
         state: { order, zoom, currentPage },
         action: { getJobImageUrl },
diff --git a/client/components/paginate/JobSelector.tsx b/client/components/paginate/JobSelector.tsx
index 7d2f2ad7..3d6891ad 100644
--- a/client/components/paginate/JobSelector.tsx
+++ b/client/components/paginate/JobSelector.tsx
@@ -6,7 +6,7 @@ import { ingestApiUrl } from "../../util/routes";
 import { useFetchContext } from "../../context/FetchContext";
 import BasicBreadcrumbs from "../shared/BasicBreadcrumbs";
 
-const JobSelector = (): React.ReactElement => {
+const JobSelector = (): React.ReactElement<any> => {
     const {
         action: { fetchJSON },
     } = useFetchContext();
diff --git a/client/components/paginate/MainMenu.tsx b/client/components/paginate/MainMenu.tsx
index d0424fc3..2ada582a 100644
--- a/client/components/paginate/MainMenu.tsx
+++ b/client/components/paginate/MainMenu.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { baseUrl } from "../../util/routes";
 import Link from "next/link";
 
-const MainMenu = (): React.ReactElement => {
+const MainMenu = (): React.ReactElement<any> => {
     return (
         <div className="main-menu">
             <h1 className="main-menu-heading">VuDL Admin</h1>
diff --git a/client/components/paginate/PaginatorControlGroup.tsx b/client/components/paginate/PaginatorControlGroup.tsx
index a4abceb7..5a2180da 100644
--- a/client/components/paginate/PaginatorControlGroup.tsx
+++ b/client/components/paginate/PaginatorControlGroup.tsx
@@ -6,7 +6,7 @@ interface PaginatorControlGroupProps {
     label: string;
 }
 
-const PaginatorControlGroup = ({ callback, children, label }: PaginatorControlGroupProps): React.ReactElement => {
+const PaginatorControlGroup = ({ callback, children, label }: PaginatorControlGroupProps): React.ReactElement<any> => {
     return (
         <div className="group" id={label}>
             {children.map((item) => (
diff --git a/client/components/paginate/PaginatorControls.tsx b/client/components/paginate/PaginatorControls.tsx
index 1972cb1d..ae2d7f96 100644
--- a/client/components/paginate/PaginatorControls.tsx
+++ b/client/components/paginate/PaginatorControls.tsx
@@ -10,7 +10,7 @@ import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
 import CompareArrowsIcon from "@mui/icons-material/CompareArrows";
 import DeleteForeverIcon from "@mui/icons-material/DeleteForever";
 
-const PaginatorControls = (): React.ReactElement => {
+const PaginatorControls = (): React.ReactElement<any> => {
     const {
         state: { currentPage, zoom, order },
         action: {
diff --git a/client/components/paginate/PaginatorList.tsx b/client/components/paginate/PaginatorList.tsx
index 4dc0d4f4..91e8bc0e 100644
--- a/client/components/paginate/PaginatorList.tsx
+++ b/client/components/paginate/PaginatorList.tsx
@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 
 import { usePaginatorContext } from "../../context/PaginatorContext";
 import Thumbnail from "./Thumbnail";
-const PaginatorList = (): React.ReactElement => {
+const PaginatorList = (): React.ReactElement<any> => {
     const {
         state: { order, currentPage },
     } = usePaginatorContext();
diff --git a/client/components/paginate/PaginatorPreview.tsx b/client/components/paginate/PaginatorPreview.tsx
index 5f1dd1e4..33be1b34 100644
--- a/client/components/paginate/PaginatorPreview.tsx
+++ b/client/components/paginate/PaginatorPreview.tsx
@@ -4,7 +4,7 @@ interface PaginatorPreviewProps {
     img: string | boolean;
 }
 
-const PaginatorPreview = ({ img }: PaginatorPreviewProps): React.ReactElement => {
+const PaginatorPreview = ({ img }: PaginatorPreviewProps): React.ReactElement<any> => {
     return <div className="preview">{img ? <img className="preview-image" src={img} alt="" /> : ""}</div>;
 };
 
diff --git a/client/components/paginate/PaginatorZoomy.tsx b/client/components/paginate/PaginatorZoomy.tsx
index 0acf393e..d1fba5cb 100644
--- a/client/components/paginate/PaginatorZoomy.tsx
+++ b/client/components/paginate/PaginatorZoomy.tsx
@@ -6,7 +6,7 @@ interface PaginatorZoomyProps {
     img: string;
 }
 
-const PaginatorZoomy = ({ img }: PaginatorZoomyProps): React.ReactElement => {
+const PaginatorZoomy = ({ img }: PaginatorZoomyProps): React.ReactElement<any> => {
     const status = useRef();
     const initializeZoomy = () => {
         Zoomy.init(document.getElementById("zoomy"));
diff --git a/client/components/paginate/Thumbnail.tsx b/client/components/paginate/Thumbnail.tsx
index 4c8641f0..31d15192 100644
--- a/client/components/paginate/Thumbnail.tsx
+++ b/client/components/paginate/Thumbnail.tsx
@@ -7,7 +7,7 @@ interface ThumbnailProps {
     selected: boolean;
 }
 
-const Thumbnail = forwardRef(({ scrollTo, number, selected }: ThumbnailProps, ref): React.ReactElement => {
+const Thumbnail = forwardRef(({ scrollTo, number, selected }: ThumbnailProps, ref): React.ReactElement<any> => {
     const {
         state: { order },
         action: { getLabel, getMagicLabel, setPage, getJobImageUrl },
diff --git a/client/components/paginate/ZoomToggleButton.tsx b/client/components/paginate/ZoomToggleButton.tsx
index 412b64af..655493fd 100644
--- a/client/components/paginate/ZoomToggleButton.tsx
+++ b/client/components/paginate/ZoomToggleButton.tsx
@@ -5,7 +5,7 @@ interface ZoomToggleButtonProps {
     zoom: boolean;
 }
 
-const ZoomToggleButton = ({ toggleZoom, zoom }: ZoomToggleButtonProps): React.ReactElement => {
+const ZoomToggleButton = ({ toggleZoom, zoom }: ZoomToggleButtonProps): React.ReactElement<any> => {
     return <button onClick={toggleZoom}>{`Turn Zoom ${zoom ? "Off" : "On"}`}</button>;
 };
 
diff --git a/client/components/pdf/PdfGenerator.tsx b/client/components/pdf/PdfGenerator.tsx
index aba5015c..a2e93771 100644
--- a/client/components/pdf/PdfGenerator.tsx
+++ b/client/components/pdf/PdfGenerator.tsx
@@ -3,7 +3,7 @@ import { baseUrl } from "../../util/routes";
 import { useFetchContext } from "../../context/FetchContext";
 import BasicBreadcrumbs from "../shared/BasicBreadcrumbs";
 
-const PdfGenerator = (): React.ReactElement => {
+const PdfGenerator = (): React.ReactElement<any> => {
     const [pid, setPid] = useState("");
     const [results, setResults] = useState("");
     const {
diff --git a/client/components/shared/BasicBreadcrumbs.tsx b/client/components/shared/BasicBreadcrumbs.tsx
index 9e24421e..3a19199d 100644
--- a/client/components/shared/BasicBreadcrumbs.tsx
+++ b/client/components/shared/BasicBreadcrumbs.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import Link from "next/link";
 
-const BasicBreadcrumbs = (): React.ReactElement => {
+const BasicBreadcrumbs = (): React.ReactElement<any> => {
     return (
         <ul className="breadcrumbs">
             <li>
diff --git a/client/components/shared/BlurSavingTextField.tsx b/client/components/shared/BlurSavingTextField.tsx
index e63e00f4..5385e9fe 100644
--- a/client/components/shared/BlurSavingTextField.tsx
+++ b/client/components/shared/BlurSavingTextField.tsx
@@ -7,7 +7,7 @@ export interface BlurSavingTextFieldProps {
     options?: Record<string, unknown>;
 }
 
-const BlurSavingTextField = ({ value, setValue, options = {} }: BlurSavingTextFieldProps): React.ReactElement => {
+const BlurSavingTextField = ({ value, setValue, options = {} }: BlurSavingTextFieldProps): React.ReactElement<any> => {
     const [temporaryValue, setTemporaryValue] = useState(value);
     const handleBlurEvent = (event: React.ChangeEvent) => {
         if (event.target.value !== value) {
diff --git a/client/components/shared/DatatypeContent.tsx b/client/components/shared/DatatypeContent.tsx
index cb597a56..017f2aec 100644
--- a/client/components/shared/DatatypeContent.tsx
+++ b/client/components/shared/DatatypeContent.tsx
@@ -7,7 +7,7 @@ interface DatatypeContentProps {
     mimeType: string;
 }
 
-const DatatypeContent = ({ data, mimeType }: DatatypeContentProps): React.ReactElement => {
+const DatatypeContent = ({ data, mimeType }: DatatypeContentProps): React.ReactElement<any> => {
     switch (true) {
         case /image\/[-+.\w]+/.test(mimeType):
             return <img className={styles.viewContentImage} src={data} alt="Datastream Image" />;
diff --git a/client/components/shared/GenericError.tsx b/client/components/shared/GenericError.tsx
index cf825cc4..ea832dfb 100644
--- a/client/components/shared/GenericError.tsx
+++ b/client/components/shared/GenericError.tsx
@@ -7,7 +7,7 @@ interface GenericErrorProps {
     message: string;
 }
 
-const GenericError = ({ message }: GenericErrorProps): React.ReactElement => {
+const GenericError = ({ message }: GenericErrorProps): React.ReactElement<any> => {
     return (
         <Box display="flex" flexDirection="row" justifyContent="center" alignItems="center" minHeight="100vh">
             <SentimentVeryDissatisfiedIcon sx={{ fontSize: "100px", color: "red" }} />
diff --git a/client/components/shared/NoParentControl.tsx b/client/components/shared/NoParentControl.tsx
index 33324d4f..957cbe59 100644
--- a/client/components/shared/NoParentControl.tsx
+++ b/client/components/shared/NoParentControl.tsx
@@ -5,7 +5,7 @@ interface NoParentControlProps {
     noParent: boolean;
 }
 
-const NoParentControl = ({ handleNoParentChange, noParent }: NoParentControlProps): React.ReactElement => {
+const NoParentControl = ({ handleNoParentChange, noParent }: NoParentControlProps): React.ReactElement<any> => {
     return (
         <label>
             <input type="checkbox" name="noParent" value="1" onChange={handleNoParentChange} checked={noParent} />
diff --git a/client/components/shared/ParentControl.tsx b/client/components/shared/ParentControl.tsx
index ed7ac8de..597172c7 100644
--- a/client/components/shared/ParentControl.tsx
+++ b/client/components/shared/ParentControl.tsx
@@ -6,7 +6,7 @@ interface ParentControlProps {
     noParent: boolean;
 }
 
-const ParentControl = ({ parent, handleParentChange, noParent }: ParentControlProps): React.ReactElement => {
+const ParentControl = ({ parent, handleParentChange, noParent }: ParentControlProps): React.ReactElement<any> => {
     return (
         <label>
             Parent ID
diff --git a/client/components/shared/StateControls.tsx b/client/components/shared/StateControls.tsx
index b5bb6ddf..40c2d54e 100644
--- a/client/components/shared/StateControls.tsx
+++ b/client/components/shared/StateControls.tsx
@@ -5,7 +5,7 @@ interface StateControlsProp {
     setCurrentState: Dispatch<string>;
 }
 
-const StateControls = ({ currentState, setCurrentState }: StateControlsProp): React.ReactElement => {
+const StateControls = ({ currentState, setCurrentState }: StateControlsProp): React.ReactElement<any> => {
     const handleStateChange = (event: React.ChangeEvent<HTMLInputElement>) => {
         setCurrentState(event.target.value);
     };
diff --git a/client/components/solr/PidRangeIndexer.tsx b/client/components/solr/PidRangeIndexer.tsx
index f4fce910..658dfc2e 100644
--- a/client/components/solr/PidRangeIndexer.tsx
+++ b/client/components/solr/PidRangeIndexer.tsx
@@ -4,7 +4,7 @@ import { useFetchContext } from "../../context/FetchContext";
 interface PidRangeIndexerProps {
     setResults: (pid: string) => void;
 }
-const PidRangeIndexer = ({ setResults }: PidRangeIndexerProps): React.ReactElement => {
+const PidRangeIndexer = ({ setResults }: PidRangeIndexerProps): React.ReactElement<any> => {
     const [prefix, setPrefix] = useState("vudl:");
     const [to, setTo] = useState("");
     const [from, setFrom] = useState("");
diff --git a/client/components/solr/SinglePidIndexer.tsx b/client/components/solr/SinglePidIndexer.tsx
index 9d4bc47f..b5228b91 100644
--- a/client/components/solr/SinglePidIndexer.tsx
+++ b/client/components/solr/SinglePidIndexer.tsx
@@ -4,7 +4,7 @@ import { useFetchContext } from "../../context/FetchContext";
 interface SinglePidIndexerProps {
     setResults: (pid: string) => void;
 }
-const SinglePidIndexer = ({ setResults }: SinglePidIndexerProps): React.ReactElement => {
+const SinglePidIndexer = ({ setResults }: SinglePidIndexerProps): React.ReactElement<any> => {
     const [pid, setPid] = useState("");
     const {
         action: { fetchText },
diff --git a/client/components/solr/SolrIndexer.tsx b/client/components/solr/SolrIndexer.tsx
index 048cd5be..1b184d58 100644
--- a/client/components/solr/SolrIndexer.tsx
+++ b/client/components/solr/SolrIndexer.tsx
@@ -7,7 +7,7 @@ import AccordionDetails from "@mui/material/AccordionDetails";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import BasicBreadcrumbs from "../shared/BasicBreadcrumbs";
 
-const SolrIndexer = (): React.ReactElement => {
+const SolrIndexer = (): React.ReactElement<any> => {
     const [results, setResults] = useState("");
 
     return (