diff --git a/packages/paste-core/components/ai-chat-log/src/useAIChatLogger.tsx b/packages/paste-core/components/ai-chat-log/src/useAIChatLogger.tsx
index f39d0c5e8a..086f5de362 100644
--- a/packages/paste-core/components/ai-chat-log/src/useAIChatLogger.tsx
+++ b/packages/paste-core/components/ai-chat-log/src/useAIChatLogger.tsx
@@ -6,7 +6,7 @@ import type { AIMessageVariants } from "./AIMessageContext";
 export type AIChat = {
   id: string;
   variant: AIMessageVariants;
-  content: React.ReactElement<any>;
+  content: React.ReactElement<HTMLElement>;
 };
 
 export type AIPartialIDChat = Omit<AIChat, "id"> & Partial<Pick<AIChat, "id">>;
diff --git a/packages/paste-core/components/alert/src/Alert.tsx b/packages/paste-core/components/alert/src/Alert.tsx
index 6d130dd2b5..2e82ccbcdb 100644
--- a/packages/paste-core/components/alert/src/Alert.tsx
+++ b/packages/paste-core/components/alert/src/Alert.tsx
@@ -112,7 +112,7 @@ export interface AlertProps extends HTMLPasteProps<"div"> {
   element?: BoxProps["element"];
 }
 
-const renderAlertIcon = (variant: AlertVariants, element: string, title: string): React.ReactElement<any> => {
+const renderAlertIcon = (variant: AlertVariants, element: string, title: string): React.ReactElement<HTMLElement> => {
   switch (variant) {
     case AlertVariants.ERROR:
       return (
diff --git a/packages/paste-core/components/badge/stories/customization.stories.tsx b/packages/paste-core/components/badge/stories/customization.stories.tsx
index 5468fadfad..e12e9c5122 100644
--- a/packages/paste-core/components/badge/stories/customization.stories.tsx
+++ b/packages/paste-core/components/badge/stories/customization.stories.tsx
@@ -10,7 +10,7 @@ import * as React from "react";
 import { Badge } from "../src";
 import type { BadgeVariants } from "../src/constants";
 
-export const makeBadge = (variant: typeof BadgeVariants[number], element?: string): React.ReactElement<any> => (
+export const makeBadge = (variant: typeof BadgeVariants[number], element?: string): React.ReactElement<HTMLElement> => (
   <Badge as="span" element={element} variant={variant} data-testid={`${variant}_badge`}>
     HelloWorld
   </Badge>
@@ -39,7 +39,7 @@ export const getStyles = (element = "BADGE"): { [key: string]: PasteCustomCSS }
 
 const CustomizationWrapper: React.FC<
   React.PropsWithChildren<{ variant: typeof BadgeVariants[number]; isTestEnvironment: boolean }>
-> = ({ variant, isTestEnvironment }): React.ReactElement<any> => {
+> = ({ variant, isTestEnvironment }): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   const customElement = "FOO";
   return (
diff --git a/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx b/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx
index ab54ea75e6..9d60db7ceb 100644
--- a/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx
+++ b/packages/paste-core/components/breadcrumb/src/Breadcrumb.tsx
@@ -126,7 +126,7 @@ const Breadcrumb = React.forwardRef<HTMLDivElement, BreadcrumbProps>(
       () => [
         React.Children.count(children),
         React.Children.toArray(children).filter(
-          (child): child is React.ReactElement<any> => React.isValidElement(child) || typeof child === "string",
+          (child): child is React.ReactElement<HTMLElement> => React.isValidElement(child) || typeof child === "string",
         ),
       ],
       [children],
diff --git a/packages/paste-core/components/button-group/src/ButtonGroup.tsx b/packages/paste-core/components/button-group/src/ButtonGroup.tsx
index e6bd33bb15..0e0c4b33eb 100644
--- a/packages/paste-core/components/button-group/src/ButtonGroup.tsx
+++ b/packages/paste-core/components/button-group/src/ButtonGroup.tsx
@@ -71,7 +71,7 @@ export interface ButtonGroupProps extends HTMLPasteProps<"div"> {
    * @memberof ButtonGroupProps
    */
   justifyContent?: JustifyOptions;
-  children: React.ReactElement<any>[];
+  children: React.ReactNode;
 }
 
 export const ButtonGroup = React.forwardRef<HTMLDivElement, ButtonGroupProps>(
diff --git a/packages/paste-core/components/callout/src/Callout.tsx b/packages/paste-core/components/callout/src/Callout.tsx
index af7d5fe7a2..0b7e5ddc74 100644
--- a/packages/paste-core/components/callout/src/Callout.tsx
+++ b/packages/paste-core/components/callout/src/Callout.tsx
@@ -90,7 +90,7 @@ const variantStyles: Record<CalloutVariants, BoxStyleProps> = {
   },
 };
 
-const variantIcons: Record<CalloutVariants, React.ReactElement<any>> = {
+const variantIcons: Record<CalloutVariants, React.ReactElement<HTMLElement>> = {
   success: <SuccessIcon decorative color="colorTextIconSuccess" />,
   error: <ErrorIcon decorative color="colorTextIconError" />,
   warning: <WarningIcon decorative color="colorTextIconWarning" />,
diff --git a/packages/paste-core/components/chat-log/src/useChatLogger.ts b/packages/paste-core/components/chat-log/src/useChatLogger.ts
index 3434bb095b..5b08196296 100644
--- a/packages/paste-core/components/chat-log/src/useChatLogger.ts
+++ b/packages/paste-core/components/chat-log/src/useChatLogger.ts
@@ -9,7 +9,7 @@ type PopChat = (id?: string) => void;
 export type Chat = {
   id: string;
   variant?: MessageVariants;
-  content: React.ReactElement<any>;
+  content: React.ReactElement<HTMLElement>;
 };
 
 export type PartialIDChat = Omit<Chat, "id"> & Partial<Pick<Chat, "id">>;
diff --git a/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx b/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx
index 4df1776662..31b42829a2 100644
--- a/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx
+++ b/packages/paste-core/components/combobox/__tests__/combobox-customization.spec.tsx
@@ -32,7 +32,7 @@ const initCustomizationWrapper = (elementName?: string | undefined): RenderOptio
     );
   };
 
-const ComboboxToTest = ({ element = "COMBOBOX" }): React.ReactElement<any> => (
+const ComboboxToTest = ({ element = "COMBOBOX" }): React.ReactElement<HTMLElement> => (
   <Combobox
     items={[
       { letter: "a", number: 1 },
diff --git a/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx b/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx
index 2d93c5d8a4..1684e08420 100644
--- a/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx
+++ b/packages/paste-core/components/combobox/__tests__/multiselect-combobox-customization.spec.tsx
@@ -40,7 +40,7 @@ const items = [
   { letter: "b", number: 3 },
 ];
 
-const MultiselectComboboxToTest = ({ element = "MULTISELECT_COMBOBOX" }): React.ReactElement<any> => (
+const MultiselectComboboxToTest = ({ element = "MULTISELECT_COMBOBOX" }): React.ReactElement<HTMLElement> => (
   <MultiselectCombobox
     items={items}
     initialSelectedItems={[items[0], items[2]]}
diff --git a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx
index 36731eb4fc..056111fbf5 100644
--- a/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx
+++ b/packages/paste-core/components/combobox/stories/Combobox-customization.stories.tsx
@@ -29,7 +29,7 @@ const groupedItems = [
 const ShowCustomization: React.FC<React.PropsWithChildren<{ isTestEnvironment: boolean }>> = ({
   isTestEnvironment,
   children,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const currentTheme = useTheme();
   return (
     <Stack orientation="vertical" spacing="space50">
@@ -77,7 +77,7 @@ const ShowCustomization: React.FC<React.PropsWithChildren<{ isTestEnvironment: b
             FOO_SUFFIX: { backgroundColor: "colorBackgroundSubaccount", borderRadius: "borderRadiusCircle" },
           }}
         >
-          {React.cloneElement(children as React.ReactElement<any>, { element: "FOO" })}
+          {React.cloneElement(children as React.ReactElement<HTMLElement>, { element: "FOO" })}
         </CustomizationProvider>
       </Card>
     </Stack>
diff --git a/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx b/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx
index 2594466805..5c82a20735 100644
--- a/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx
+++ b/packages/paste-core/components/combobox/stories/MultiselectCombobox-customization.stories.tsx
@@ -31,7 +31,7 @@ const initialSelectedGroupedItems = [groupedItems[0], groupedItems[1], groupedIt
 const ShowCustomization: React.FC<React.PropsWithChildren<{ isTestEnvironment: boolean }>> = ({
   isTestEnvironment,
   children,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const currentTheme = useTheme();
   return (
     <Stack orientation="vertical" spacing="space50">
@@ -89,7 +89,7 @@ const ShowCustomization: React.FC<React.PropsWithChildren<{ isTestEnvironment: b
             FOO_SUFFIX: { backgroundColor: "colorBackgroundSubaccount", borderRadius: "borderRadiusCircle" },
           }}
         >
-          {React.cloneElement(children as React.ReactElement<any>, { element: "FOO" })}
+          {React.cloneElement(children as React.ReactElement<HTMLElement>, { element: "FOO" })}
         </CustomizationProvider>
       </Card>
     </Stack>
diff --git a/packages/paste-core/components/file-picker/src/FilePicker.tsx b/packages/paste-core/components/file-picker/src/FilePicker.tsx
index 68c8b959b8..09edb2818d 100644
--- a/packages/paste-core/components/file-picker/src/FilePicker.tsx
+++ b/packages/paste-core/components/file-picker/src/FilePicker.tsx
@@ -16,7 +16,7 @@ export interface FilePickerProps extends HTMLPasteProps<"input"> {
    * @memberof FilePickerProps
    */
   accept?: string;
-  children: React.ReactElement<any>;
+  children: React.ReactElement<HTMLElement>;
   /**
    * Overrides the default element name to apply unique styles with the Customization Provider
    *
diff --git a/packages/paste-core/components/keyboard-key/stories/index.stories.tsx b/packages/paste-core/components/keyboard-key/stories/index.stories.tsx
index fa847a8e11..24cba482dd 100644
--- a/packages/paste-core/components/keyboard-key/stories/index.stories.tsx
+++ b/packages/paste-core/components/keyboard-key/stories/index.stories.tsx
@@ -16,7 +16,7 @@ export default {
   component: KeyboardKey,
 };
 
-export const Default = (): React.ReactElement<any> => {
+export const Default = (): React.ReactElement<HTMLElement> => {
   const state = useKeyCombination({
     keys: ["Control", "b"],
     onCombinationPress: (): void => {
@@ -52,7 +52,7 @@ export const Default = (): React.ReactElement<any> => {
   );
 };
 
-export const Inverse = (): React.ReactElement<any> => {
+export const Inverse = (): React.ReactElement<HTMLElement> => {
   const state = useKeyCombination({
     keys: ["Control", "b"],
     onCombinationPress: (): void => {
@@ -88,7 +88,7 @@ export const Inverse = (): React.ReactElement<any> => {
   );
 };
 
-export const ForcePressed = (): React.ReactElement<any> => {
+export const ForcePressed = (): React.ReactElement<HTMLElement> => {
   const state = useKeyCombination({
     keys: ["Control", "b"],
     onCombinationPress: (): void => {
@@ -114,7 +114,7 @@ export const ForcePressed = (): React.ReactElement<any> => {
   );
 };
 
-export const MultipleCombinations = (): React.ReactElement<any> => {
+export const MultipleCombinations = (): React.ReactElement<HTMLElement> => {
   const [textToDisplay, setTextToDisplay] = React.useState<string>("");
 
   const stateCtrB = useKeyCombination({
@@ -184,7 +184,7 @@ export const MultipleCombinations = (): React.ReactElement<any> => {
   );
 };
 
-export const TriggerModal = (): React.ReactElement<any> => {
+export const TriggerModal = (): React.ReactElement<HTMLElement> => {
   const [isOpen, setIsOpen] = React.useState(false);
   const state = useKeyCombination({
     keys: ["Control", "k"],
@@ -229,7 +229,7 @@ export const TriggerModal = (): React.ReactElement<any> => {
   );
 };
 
-export const Customization = (): React.ReactElement<any> => {
+export const Customization = (): React.ReactElement<HTMLElement> => {
   const state = useKeyCombination({
     keys: ["Control", "b"],
     onCombinationPress: (): void => {
diff --git a/packages/paste-core/components/meter/stories/index.stories.tsx b/packages/paste-core/components/meter/stories/index.stories.tsx
index 446800deb9..6d15d53cc4 100644
--- a/packages/paste-core/components/meter/stories/index.stories.tsx
+++ b/packages/paste-core/components/meter/stories/index.stories.tsx
@@ -13,7 +13,7 @@ export default {
   component: Meter,
 };
 
-export const Default = (): React.ReactElement<any> => {
+export const Default = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size20">
@@ -25,7 +25,7 @@ export const Default = (): React.ReactElement<any> => {
   );
 };
 
-export const Full = (): React.ReactElement<any> => {
+export const Full = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size20">
@@ -37,7 +37,7 @@ export const Full = (): React.ReactElement<any> => {
   );
 };
 
-export const Empty = (): React.ReactElement<any> => {
+export const Empty = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size20">
@@ -49,7 +49,7 @@ export const Empty = (): React.ReactElement<any> => {
   );
 };
 
-export const MinMax = (): React.ReactElement<any> => {
+export const MinMax = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size40">
@@ -61,7 +61,7 @@ export const MinMax = (): React.ReactElement<any> => {
   );
 };
 
-export const MinOnly = (): React.ReactElement<any> => {
+export const MinOnly = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size20">
@@ -73,7 +73,7 @@ export const MinOnly = (): React.ReactElement<any> => {
   );
 };
 
-export const MaxOnly = (): React.ReactElement<any> => {
+export const MaxOnly = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size20">
@@ -85,7 +85,7 @@ export const MaxOnly = (): React.ReactElement<any> => {
   );
 };
 
-export const AriaLabel = (): React.ReactElement<any> => {
+export const AriaLabel = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   return (
     <Box width="size30">
@@ -94,7 +94,7 @@ export const AriaLabel = (): React.ReactElement<any> => {
   );
 };
 
-export const CustomLabel = (): React.ReactElement<any> => {
+export const CustomLabel = (): React.ReactElement<HTMLElement> => {
   const labelId = useUID();
   const meterId = useUID();
   return (
@@ -105,7 +105,7 @@ export const CustomLabel = (): React.ReactElement<any> => {
   );
 };
 
-export const WithHelpText = (): React.ReactElement<any> => {
+export const WithHelpText = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   const helpTextId = useUID();
   return (
@@ -127,7 +127,7 @@ export const WithHelpText = (): React.ReactElement<any> => {
   );
 };
 
-export const Wrapped = (): React.ReactElement<any> => {
+export const Wrapped = (): React.ReactElement<HTMLElement> => {
   const meterId = useUID();
   const helpTextId = useUID();
   return (
@@ -149,7 +149,7 @@ export const Wrapped = (): React.ReactElement<any> => {
   );
 };
 
-export const Customized = (): React.ReactElement<any> => {
+export const Customized = (): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   const meterOneId = useUID();
   const meterTwoId = useUID();
diff --git a/packages/paste-core/components/page-header/stories/index.stories.tsx b/packages/paste-core/components/page-header/stories/index.stories.tsx
index c17270db42..329d3121d7 100644
--- a/packages/paste-core/components/page-header/stories/index.stories.tsx
+++ b/packages/paste-core/components/page-header/stories/index.stories.tsx
@@ -43,7 +43,7 @@ export default {
   component: PageHeader,
 };
 
-export const Default = (): React.ReactElement<any> => {
+export const Default = (): React.ReactElement<HTMLElement> => {
   return (
     <PageHeader size="default">
       <PageHeaderSetting>
@@ -86,7 +86,7 @@ export const Default = (): React.ReactElement<any> => {
   );
 };
 
-export const SeparatorVersusNav = (): React.ReactElement<any> => {
+export const SeparatorVersusNav = (): React.ReactElement<HTMLElement> => {
   return (
     <Box display="flex" columnGap="space200">
       <Box width="size70" backgroundColor="colorBackground" height="min-content">
@@ -161,7 +161,7 @@ export const SeparatorVersusNav = (): React.ReactElement<any> => {
   );
 };
 
-export const Compact = (): React.ReactElement<any> => {
+export const Compact = (): React.ReactElement<HTMLElement> => {
   return (
     <Box maxWidth="size50">
       <PageHeader size="compact">
@@ -204,7 +204,7 @@ export const Compact = (): React.ReactElement<any> => {
   );
 };
 
-export const Wizard = (): React.ReactElement<any> => {
+export const Wizard = (): React.ReactElement<HTMLElement> => {
   return (
     <Box maxWidth="size70">
       <PageHeader>
@@ -238,7 +238,7 @@ export const Wizard = (): React.ReactElement<any> => {
   );
 };
 
-export const Wrapped = (): React.ReactElement<any> => {
+export const Wrapped = (): React.ReactElement<HTMLElement> => {
   return (
     <PageHeader size="default">
       <PageHeaderSetting>
@@ -296,7 +296,7 @@ export const Wrapped = (): React.ReactElement<any> => {
   );
 };
 
-export const TwilioExamples = (): React.ReactElement<any> => {
+export const TwilioExamples = (): React.ReactElement<HTMLElement> => {
   return (
     <Box display="flex" flexDirection="column" rowGap="space150" maxWidth="size70">
       <PageHeader>
@@ -381,7 +381,7 @@ export const TwilioExamples = (): React.ReactElement<any> => {
   );
 };
 
-export const Customized = (): React.ReactElement<any> => {
+export const Customized = (): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   return (
     <CustomizationProvider
diff --git a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx
index 94992d5d03..a116a2ac79 100644
--- a/packages/paste-core/components/progress-bar/stories/customization.stories.tsx
+++ b/packages/paste-core/components/progress-bar/stories/customization.stories.tsx
@@ -3,7 +3,6 @@ import { Button } from "@twilio-paste/button";
 import { CustomizationProvider } from "@twilio-paste/customization";
 import { Form, FormControl } from "@twilio-paste/form";
 import { HelpText } from "@twilio-paste/help-text";
-import { Label } from "@twilio-paste/label";
 import { useUID } from "@twilio-paste/uid-library";
 import * as React from "react";
 
@@ -18,7 +17,7 @@ const NumberFormatter = new Intl.NumberFormat("en-US");
 
 export const CustomizationWrapper: React.FC<React.PropsWithChildren<{ isTestEnvironment: boolean }>> = ({
   isTestEnvironment,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const progressBarId = useUID();
   const customProgressBarId = useUID();
   const helpTextId = useUID();
@@ -27,7 +26,7 @@ export const CustomizationWrapper: React.FC<React.PropsWithChildren<{ isTestEnvi
 
   // Randomly updates the value of the progress bar to simulate a real progress bar
   React.useEffect(() => {
-    let interval;
+    let interval: NodeJS.Timeout;
     if (rerun) {
       interval = setInterval(() => {
         setValue((previousValue) => {
diff --git a/packages/paste-core/components/progress-bar/stories/index.stories.tsx b/packages/paste-core/components/progress-bar/stories/index.stories.tsx
index 71a31f9b6d..d5f84bc5de 100644
--- a/packages/paste-core/components/progress-bar/stories/index.stories.tsx
+++ b/packages/paste-core/components/progress-bar/stories/index.stories.tsx
@@ -22,7 +22,7 @@ export const Default = (): React.ReactNode => {
 
   // Randomly updates the value of the progress bar to simulate a real progress bar
   React.useEffect(() => {
-    let interval;
+    let interval: NodeJS.Timeout;
     if (rerun) {
       interval = setInterval(() => {
         setValue((previousValue) => {
diff --git a/packages/paste-core/components/select/__tests__/option.test.tsx b/packages/paste-core/components/select/__tests__/option.test.tsx
index 56f35b47d2..280a086af2 100644
--- a/packages/paste-core/components/select/__tests__/option.test.tsx
+++ b/packages/paste-core/components/select/__tests__/option.test.tsx
@@ -14,7 +14,7 @@ interface ExampleOptionProps extends OptionProps {
 const ExampleOption: React.FC<React.PropsWithChildren<ExampleOptionProps>> = ({
   suffix = "test",
   ...props
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   return (
     <Option data-testid={`option-${suffix}`} {...props}>
       Option 1
diff --git a/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx b/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx
index 131288b4a4..3c83877afe 100644
--- a/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx
+++ b/packages/paste-core/components/status/stories/StatusBadgeCustomization.stories.tsx
@@ -10,7 +10,7 @@ import * as React from "react";
 import { StatusBadge } from "../src";
 import type { StatusBadgeVariants } from "../src/types";
 
-export const makeBadge = (variant: StatusBadgeVariants, element?: string): React.ReactElement<any> => (
+export const makeBadge = (variant: StatusBadgeVariants, element?: string): React.ReactElement<HTMLElement> => (
   <StatusBadge as="span" element={element} variant={variant} data-testid={`${variant}_badge`}>
     HelloWorld
   </StatusBadge>
@@ -40,7 +40,7 @@ export const getStyles = (element = "STATUS_BADGE"): { [key: string]: PasteCusto
 
 const CustomizationWrapper: React.FC<
   React.PropsWithChildren<{ variant: StatusBadgeVariants; isTestEnvironment: boolean }>
-> = ({ variant, isTestEnvironment }): React.ReactElement<any> => {
+> = ({ variant, isTestEnvironment }): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   const customElement = "FOO";
   return (
diff --git a/packages/paste-core/components/textarea/stories/textarea.stories.tsx b/packages/paste-core/components/textarea/stories/textarea.stories.tsx
index d1b345c29b..b6129f6e4e 100644
--- a/packages/paste-core/components/textarea/stories/textarea.stories.tsx
+++ b/packages/paste-core/components/textarea/stories/textarea.stories.tsx
@@ -21,7 +21,7 @@ export default {
   component: TextArea,
 };
 
-export const Textarea = (): React.ReactElement<any> => {
+export const Textarea = (): React.ReactElement<HTMLElement> => {
   const uid = useUID();
   return (
     <>
@@ -39,7 +39,7 @@ export const Textarea = (): React.ReactElement<any> => {
   );
 };
 
-export const MultipleTextareas = (): React.ReactElement<any> => {
+export const MultipleTextareas = (): React.ReactElement<HTMLElement> => {
   const [shouldDisplayTextareas, setShouldDisplayTextareas] = React.useState(true);
   const [textareas, setTextareas] = React.useState<React.ReactNode[]>([]);
 
@@ -90,7 +90,7 @@ MultipleTextareas.parameters = {
   chromatic: { disableSnapshot: true },
 };
 
-export const TextareaMaxRows = (): React.ReactElement<any> => {
+export const TextareaMaxRows = (): React.ReactElement<HTMLElement> => {
   const uid = useUID();
   const [value, setValue] = React.useState(`1
 2
diff --git a/packages/paste-core/components/toast/src/Toast.tsx b/packages/paste-core/components/toast/src/Toast.tsx
index b98d07cbc0..9333d2e0fc 100644
--- a/packages/paste-core/components/toast/src/Toast.tsx
+++ b/packages/paste-core/components/toast/src/Toast.tsx
@@ -22,7 +22,7 @@ const ToastComponentVariants = {
   warning: WarningToast,
 };
 
-const renderToastIcon = (variant: ToastVariants, title: string, element?: string): React.ReactElement<any> => {
+const renderToastIcon = (variant: ToastVariants, title: string, element?: string): React.ReactElement<HTMLElement> => {
   switch (variant) {
     case ToastVariantObject.ERROR:
       return (
diff --git a/packages/paste-core/components/toast/src/types.ts b/packages/paste-core/components/toast/src/types.ts
index d6f16ff4ad..c1d57d951b 100644
--- a/packages/paste-core/components/toast/src/types.ts
+++ b/packages/paste-core/components/toast/src/types.ts
@@ -75,7 +75,7 @@ export interface ToastContainerProps extends HTMLPasteProps<"div"> {
 
 export interface ToasterToast extends Pick<ToastProps, "variant" | "setFocus" | "onDismiss"> {
   id: string;
-  message: React.ReactElement<any> | string;
+  message: React.ReactNode;
   /**
    * Time in milliseconds
    */
diff --git a/packages/paste-core/components/toast/stories/customization.stories.tsx b/packages/paste-core/components/toast/stories/customization.stories.tsx
index 34d2b66d5f..d45cc8b388 100644
--- a/packages/paste-core/components/toast/stories/customization.stories.tsx
+++ b/packages/paste-core/components/toast/stories/customization.stories.tsx
@@ -10,7 +10,7 @@ import * as React from "react";
 import type { ToastVariants } from "../src";
 import { Toast } from "../src";
 
-export const makeToast = (variant: ToastVariants, element?: string): React.ReactElement<any> => {
+export const makeToast = (variant: ToastVariants, element?: string): React.ReactElement<HTMLElement> => {
   return (
     <Toast variant={variant} element={element} onDismiss={() => {}} data-testid={`toast_${variant}`}>
       <Text as="div">Hello I am a toast</Text>
@@ -38,7 +38,7 @@ export const getStyles = (element = "TOAST"): { [key: string]: PasteCustomCSS }
 const ShowCustomization: React.FC<React.PropsWithChildren<{ variant: ToastVariants; isTestEnvironment: boolean }>> = ({
   variant,
   isTestEnvironment,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   return (
     <Stack orientation="vertical" spacing="space50">
diff --git a/packages/paste-core/components/tooltip/src/Tooltip.tsx b/packages/paste-core/components/tooltip/src/Tooltip.tsx
index 67f5d0f078..09efee3a91 100644
--- a/packages/paste-core/components/tooltip/src/Tooltip.tsx
+++ b/packages/paste-core/components/tooltip/src/Tooltip.tsx
@@ -45,7 +45,7 @@ export interface TooltipProps extends TooltipPrimitiveInitialState {
    * @memberof TooltipProps
    */
   element?: BoxProps["element"];
-  children: NonNullable<React.ReactElement<any>>;
+  children: NonNullable<React.ReactElement<HTMLElement>>;
   /**
    * The returned state from the `useTooltipState` hook.
    *
@@ -107,7 +107,8 @@ const Tooltip = React.forwardRef<HTMLDivElement, TooltipVariantProps>(
         {React.Children.only(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           <TooltipPrimitiveReference {...tooltip} ref={ref} {...(children.props as any)}>
-            {(referenceProps) => React.cloneElement(children, referenceProps)}
+            {/* Cannot find type refernce for props in lib */}
+            {(referenceProps: any) => React.cloneElement(children, referenceProps)}
           </TooltipPrimitiveReference>,
         )}
         <TooltipPrimitive element={element} {...tooltip} {...props} as={StyledTooltip}>
diff --git a/packages/paste-core/components/visual-picker/stories/customization.stories.tsx b/packages/paste-core/components/visual-picker/stories/customization.stories.tsx
index 3a94d803af..a6dc648f4f 100644
--- a/packages/paste-core/components/visual-picker/stories/customization.stories.tsx
+++ b/packages/paste-core/components/visual-picker/stories/customization.stories.tsx
@@ -21,7 +21,7 @@ export default {
   component: VisualPickerRadioGroup,
 };
 
-export const CustomizedRadio = (props: Partial<Record<"element", string>>): React.ReactElement<any> => {
+export const CustomizedRadio = (props: Partial<Record<"element", string>>): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   const [value, setValue] = React.useState("1");
   return (
@@ -155,7 +155,7 @@ export const CustomizedRadio = (props: Partial<Record<"element", string>>): Reac
   );
 };
 
-export const CustomizedCheckbox = (props: Partial<Record<"element", string>>): React.ReactElement<any> => {
+export const CustomizedCheckbox = (props: Partial<Record<"element", string>>): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   const [checked1, setChecked1] = React.useState(false);
   const [checked2, setChecked2] = React.useState(false);
diff --git a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx
index 12f9693571..6b7ffaca45 100644
--- a/packages/paste-customization/__tests__/CustomizationProvider.test.tsx
+++ b/packages/paste-customization/__tests__/CustomizationProvider.test.tsx
@@ -5,7 +5,7 @@ import { createRoot } from "testing-tools/react-dom-create-root";
 
 import { CustomizationConsumer, CustomizationProvider } from "../src";
 
-const ThemeConsumerExample = (): React.ReactElement<any> => {
+const ThemeConsumerExample = (): React.ReactElement<HTMLElement> => {
   return (
     <CustomizationConsumer>
       {({ theme }) => {
@@ -18,7 +18,7 @@ const ThemeConsumerExample = (): React.ReactElement<any> => {
   );
 };
 
-const ThemeConsumerBreakpointsExample = (): React.ReactElement<any> => {
+const ThemeConsumerBreakpointsExample = (): React.ReactElement<HTMLElement> => {
   return (
     <CustomizationConsumer>
       {({ theme }) => <p data-testid="breakpoint-test">Breakpoints: {JSON.stringify(theme.breakpoints)}</p>}
@@ -26,7 +26,7 @@ const ThemeConsumerBreakpointsExample = (): React.ReactElement<any> => {
   );
 };
 
-const ThemeConsumerElementsExample = (): React.ReactElement<any> => {
+const ThemeConsumerElementsExample = (): React.ReactElement<HTMLElement> => {
   return (
     <CustomizationConsumer>
       {({ theme }) => <p data-testid="elements-test">Elements: {JSON.stringify(theme.elements)}</p>}
diff --git a/packages/paste-theme/__tests__/themeConsumer.spec.tsx b/packages/paste-theme/__tests__/themeConsumer.spec.tsx
index d126b00723..b79ef00366 100644
--- a/packages/paste-theme/__tests__/themeConsumer.spec.tsx
+++ b/packages/paste-theme/__tests__/themeConsumer.spec.tsx
@@ -5,7 +5,7 @@ import { createRoot } from "testing-tools/react-dom-create-root";
 
 import { Theme } from "../src";
 
-const ThemeConsumerExampleComponent = (): React.ReactElement<any> => {
+const ThemeConsumerExampleComponent = (): React.ReactElement<HTMLElement> => {
   return <Theme.Consumer>{({ theme }) => <p>{theme.textColors.colorText}</p>}</Theme.Consumer>;
 };
 
diff --git a/packages/paste-theme/__tests__/themeProvider.spec.tsx b/packages/paste-theme/__tests__/themeProvider.spec.tsx
index d3debaab3d..c72c4ba715 100644
--- a/packages/paste-theme/__tests__/themeProvider.spec.tsx
+++ b/packages/paste-theme/__tests__/themeProvider.spec.tsx
@@ -5,7 +5,7 @@ import { createRoot } from "testing-tools/react-dom-create-root";
 
 import { Theme } from "../src";
 
-const ThemeConsumerExampleComponent = (): React.ReactElement<any> => {
+const ThemeConsumerExampleComponent = (): React.ReactElement<HTMLElement> => {
   return (
     <Theme.Consumer>
       {({ theme }) => <p>{theme.breakpoints.map((breakpoint: string) => `${breakpoint},`)}</p>}
@@ -13,7 +13,7 @@ const ThemeConsumerExampleComponent = (): React.ReactElement<any> => {
   );
 };
 
-const ThemeConsumerExampleTextColor = (): React.ReactElement<any> => {
+const ThemeConsumerExampleTextColor = (): React.ReactElement<HTMLElement> => {
   return <Theme.Consumer>{({ theme }) => <p>Color: {theme.textColors.colorTextLink}</p>}</Theme.Consumer>;
 };
 
diff --git a/packages/paste-theme/__tests__/useTheme.spec.tsx b/packages/paste-theme/__tests__/useTheme.spec.tsx
index 23315b4d0f..ef500d81b6 100644
--- a/packages/paste-theme/__tests__/useTheme.spec.tsx
+++ b/packages/paste-theme/__tests__/useTheme.spec.tsx
@@ -5,7 +5,7 @@ import { createRoot } from "testing-tools/react-dom-create-root";
 
 import { Theme, useTheme } from "../src";
 
-const HookExampleComponent = (): React.ReactElement<any> => {
+const HookExampleComponent = (): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   return <p>{theme.textColors.colorText}</p>;
 };
diff --git a/packages/paste-theme/__tests__/withTheme.spec.tsx b/packages/paste-theme/__tests__/withTheme.spec.tsx
index b08400c213..31b7cf1066 100644
--- a/packages/paste-theme/__tests__/withTheme.spec.tsx
+++ b/packages/paste-theme/__tests__/withTheme.spec.tsx
@@ -6,7 +6,7 @@ import { createRoot } from "testing-tools/react-dom-create-root";
 import type { ThemeShape } from "../src";
 import { Theme, withTheme } from "../src";
 
-const MockComponent = ({ theme }: { theme: ThemeShape }): React.ReactElement<any> => (
+const MockComponent = ({ theme }: { theme: ThemeShape }): React.ReactElement<HTMLElement> => (
   <p>{theme.textColors.colorText}</p>
 );
 const MockComponentWithTheme = withTheme(MockComponent);
diff --git a/packages/paste-theme/src/themeConsumer.tsx b/packages/paste-theme/src/themeConsumer.tsx
index bfbe367d72..2db7f78a86 100644
--- a/packages/paste-theme/src/themeConsumer.tsx
+++ b/packages/paste-theme/src/themeConsumer.tsx
@@ -6,7 +6,7 @@ import type { ThemeShape } from "./types/themes";
 export interface ThemeConsumerProps {
   children: ({ theme }: { theme: ThemeShape }) => React.ReactNode;
 }
-const ThemeConsumer = ({ children, ...props }: ThemeConsumerProps): React.ReactElement<any> => {
+const ThemeConsumer = ({ children, ...props }: ThemeConsumerProps): React.ReactElement<HTMLElement> => {
   if (children == null || typeof children !== "function") {
     throw new Error("[ThemeConsumer]: You must pass a function as children");
   }
diff --git a/packages/paste-utils/__tests__/useWindowSize.test.tsx b/packages/paste-utils/__tests__/useWindowSize.test.tsx
index d66b6a3989..683486ceb2 100644
--- a/packages/paste-utils/__tests__/useWindowSize.test.tsx
+++ b/packages/paste-utils/__tests__/useWindowSize.test.tsx
@@ -15,7 +15,9 @@ const resizeTo = (w: number, h: number): void => {
   window.dispatchEvent(resizeEvent);
 };
 
-const wrapper = ({ children }): React.ReactElement<any> => <Theme.Provider theme="default">{children}</Theme.Provider>;
+const wrapper = ({ children }): React.ReactElement<HTMLElement> => (
+  <Theme.Provider theme="default">{children}</Theme.Provider>
+);
 
 const renderWindowSize = (): any => renderHook(() => useWindowSize(), { wrapper });
 
diff --git a/packages/paste-website/src/component-examples/filter/components/filters/AddFilters.tsx b/packages/paste-website/src/component-examples/filter/components/filters/AddFilters.tsx
index 56e56adeca..2becf0342c 100644
--- a/packages/paste-website/src/component-examples/filter/components/filters/AddFilters.tsx
+++ b/packages/paste-website/src/component-examples/filter/components/filters/AddFilters.tsx
@@ -21,7 +21,7 @@ function getFilteredItems(inputValue: string, addFiltersList: FilterListType): F
   });
 }
 
-const EmptyState = (): React.ReactElement<any> => (
+const EmptyState = (): React.ReactElement<HTMLElement> => (
   <Box paddingY="space40" paddingX="space50">
     <Text as="span" fontStyle="italic" color="colorTextWeak">
       No results found
diff --git a/packages/paste-website/src/component-examples/filter/components/filters/HostNameFilter.tsx b/packages/paste-website/src/component-examples/filter/components/filters/HostNameFilter.tsx
index 59c70fe7f5..7ddf786355 100644
--- a/packages/paste-website/src/component-examples/filter/components/filters/HostNameFilter.tsx
+++ b/packages/paste-website/src/component-examples/filter/components/filters/HostNameFilter.tsx
@@ -16,7 +16,7 @@ function getFilteredItems(inputValue: string, addFiltersList: string[]): string[
   });
 }
 
-const EmptyState = (): React.ReactElement<any> => (
+const EmptyState = (): React.ReactElement<HTMLElement> => (
   <Box paddingY="space40" paddingX="space50">
     <Text as="span" fontStyle="italic" color="colorTextWeak">
       No results found
diff --git a/packages/paste-website/src/component-examples/filter/components/filters/MoreFilters.tsx b/packages/paste-website/src/component-examples/filter/components/filters/MoreFilters.tsx
index 55d092d48f..19781d602c 100644
--- a/packages/paste-website/src/component-examples/filter/components/filters/MoreFilters.tsx
+++ b/packages/paste-website/src/component-examples/filter/components/filters/MoreFilters.tsx
@@ -79,7 +79,7 @@ const DisclosureFilter = ({
   };
   setSelectedMoreFilters: React.Dispatch<React.SetStateAction<Record<string, string | string[]>>>;
   tempSelectedMoreFilters: Record<string, string | string[]>;
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const [selectedCount, setSelectedCount] = React.useState<null | number>(
     tempSelectedMoreFilters[filter.type]?.length || null,
   );
diff --git a/packages/paste-website/src/component-examples/filter/components/filters/RoomSidFilter.tsx b/packages/paste-website/src/component-examples/filter/components/filters/RoomSidFilter.tsx
index 5bd9938ed7..d33234715a 100644
--- a/packages/paste-website/src/component-examples/filter/components/filters/RoomSidFilter.tsx
+++ b/packages/paste-website/src/component-examples/filter/components/filters/RoomSidFilter.tsx
@@ -19,7 +19,7 @@ function getFilteredItems(inputValue: string, roomSidList: string[]): string[] {
   });
 }
 
-const EmptyState = (): React.ReactElement<any> => (
+const EmptyState = (): React.ReactElement<HTMLElement> => (
   <Box paddingY="space40" paddingX="space50">
     <Text as="span" fontStyle="italic" color="colorTextWeak">
       No results found
diff --git a/packages/paste-website/src/component-examples/filter/components/filters/UniqueNameFilter.tsx b/packages/paste-website/src/component-examples/filter/components/filters/UniqueNameFilter.tsx
index fe5bcb78b2..16b8e79a65 100644
--- a/packages/paste-website/src/component-examples/filter/components/filters/UniqueNameFilter.tsx
+++ b/packages/paste-website/src/component-examples/filter/components/filters/UniqueNameFilter.tsx
@@ -19,7 +19,7 @@ function getFilteredItems(inputValue: string, uniqueNameList: string[]): string[
   });
 }
 
-const EmptyState = (): React.ReactElement<any> => (
+const EmptyState = (): React.ReactElement<HTMLElement> => (
   <Box paddingY="space40" paddingX="space50">
     <Text as="span" fontStyle="italic" color="colorTextWeak">
       No results found
diff --git a/packages/paste-website/src/components/homepage/Accessibility.tsx b/packages/paste-website/src/components/homepage/Accessibility.tsx
index e8139914c6..bbf9c3bb9d 100644
--- a/packages/paste-website/src/components/homepage/Accessibility.tsx
+++ b/packages/paste-website/src/components/homepage/Accessibility.tsx
@@ -15,7 +15,7 @@ import { BouncyAnchor } from "./BouncyAnchor";
 import { SectionContainer } from "./SectionContainer";
 import { SectionSeparator } from "./SectionSeparator";
 
-const Accessibility: React.FC = (): React.ReactElement<any> => {
+const Accessibility: React.FC = (): React.ReactElement<HTMLElement> => {
   const selectedTabId = useUID();
 
   return (
diff --git a/packages/paste-website/src/components/homepage/CommunityOfBuilders.tsx b/packages/paste-website/src/components/homepage/CommunityOfBuilders.tsx
index d3649aca29..e972049fe7 100644
--- a/packages/paste-website/src/components/homepage/CommunityOfBuilders.tsx
+++ b/packages/paste-website/src/components/homepage/CommunityOfBuilders.tsx
@@ -8,7 +8,10 @@ import DesignTool from "../../assets/illustrations/illo_design-tool.svg";
 import { HOMEPAGE_SITE_CONTENT_MAX_WIDTH } from "../../constants";
 import { SectionContainer } from "./SectionContainer";
 
-const StatBox: React.FC<{ stat: string; description: string }> = ({ stat, description }): React.ReactElement<any> => {
+const StatBox: React.FC<{ stat: string; description: string }> = ({
+  stat,
+  description,
+}): React.ReactElement<HTMLElement> => {
   return (
     <Box display="flex" flexDirection="column" rowGap="space20" element="STAT_BOX">
       <Text
@@ -28,7 +31,7 @@ const StatBox: React.FC<{ stat: string; description: string }> = ({ stat, descri
   );
 };
 
-const CommunityOfBuilders: React.FC = (): React.ReactElement<any> => {
+const CommunityOfBuilders: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <SectionContainer>
       <Box
diff --git a/packages/paste-website/src/components/homepage/DesignEfficiency.tsx b/packages/paste-website/src/components/homepage/DesignEfficiency.tsx
index ddf33e83b7..1a98cc36a3 100644
--- a/packages/paste-website/src/components/homepage/DesignEfficiency.tsx
+++ b/packages/paste-website/src/components/homepage/DesignEfficiency.tsx
@@ -21,7 +21,7 @@ const IconComponents: IconComponent = iconsJson.reduce((icons: IconComponent, {
 const someIcons = Object.values(IconComponents);
 someIcons.length = 66; // cap it
 
-const DesignEfficiency: React.FC = (): React.ReactElement<any> => {
+const DesignEfficiency: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <SectionContainer>
       <SectionSeparator>Design efficiency</SectionSeparator>
diff --git a/packages/paste-website/src/components/homepage/ForTwilioCustomers.tsx b/packages/paste-website/src/components/homepage/ForTwilioCustomers.tsx
index d330a29138..1f2e67ee8b 100644
--- a/packages/paste-website/src/components/homepage/ForTwilioCustomers.tsx
+++ b/packages/paste-website/src/components/homepage/ForTwilioCustomers.tsx
@@ -6,7 +6,7 @@ import * as React from "react";
 import PuzzleIllo from "../../assets/illustrations/puzzle_illo.svg";
 import { BouncyAnchor } from "./BouncyAnchor";
 
-const ForTwilioCustomers: React.FC = (): React.ReactElement<any> => {
+const ForTwilioCustomers: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <Box
       display="flex"
diff --git a/packages/paste-website/src/components/homepage/NewSection.tsx b/packages/paste-website/src/components/homepage/NewSection.tsx
index 5560b6e857..d213d032ef 100644
--- a/packages/paste-website/src/components/homepage/NewSection.tsx
+++ b/packages/paste-website/src/components/homepage/NewSection.tsx
@@ -6,7 +6,7 @@ import { NewDoodleLoop } from "../../assets/illustrations/NewDoodleLoop";
 import { SectionContainer } from "./SectionContainer";
 import { WhatsNew } from "./WhatsNew";
 
-const NewSection: React.FC = (): React.ReactElement<any> => {
+const NewSection: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <SectionContainer position="relative">
       <Box
diff --git a/packages/paste-website/src/components/homepage/Templates.tsx b/packages/paste-website/src/components/homepage/Templates.tsx
index 0a8e03968f..f3da9d352a 100644
--- a/packages/paste-website/src/components/homepage/Templates.tsx
+++ b/packages/paste-website/src/components/homepage/Templates.tsx
@@ -48,7 +48,7 @@ const CarouselButton = React.forwardRef<HTMLButtonElement, { "aria-label": strin
   },
 );
 
-const TemplatesCarousel: React.FC = (): React.ReactElement<any> => {
+const TemplatesCarousel: React.FC = (): React.ReactElement<HTMLElement> => {
   const [selectedIndex, setSelectedIndex] = React.useState(0);
 
   const [emblaRef, emblaApi] = useEmblaCarousel({ loop: false }, [Autoplay()]);
@@ -179,7 +179,7 @@ const TemplatesCarousel: React.FC = (): React.ReactElement<any> => {
   );
 };
 
-const Templates: React.FC = (): React.ReactElement<any> => {
+const Templates: React.FC = (): React.ReactElement<HTMLElement> => {
   const theme = useTheme();
   return (
     <SectionContainer position="relative">
diff --git a/packages/paste-website/src/components/homepage/Themeable.tsx b/packages/paste-website/src/components/homepage/Themeable.tsx
index 678a5a342b..2cfe1425a1 100644
--- a/packages/paste-website/src/components/homepage/Themeable.tsx
+++ b/packages/paste-website/src/components/homepage/Themeable.tsx
@@ -80,7 +80,7 @@ const Boop: React.FC<BoopProps> = ({
   );
 };
 
-const Themeable: React.FC = (): React.ReactElement<any> => {
+const Themeable: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <SectionContainer>
       <SectionSeparator>Themeable and composable</SectionSeparator>
diff --git a/packages/paste-website/src/components/homepage/ThemeableBuilder.tsx b/packages/paste-website/src/components/homepage/ThemeableBuilder.tsx
index 875e6a954d..5265f35e01 100644
--- a/packages/paste-website/src/components/homepage/ThemeableBuilder.tsx
+++ b/packages/paste-website/src/components/homepage/ThemeableBuilder.tsx
@@ -29,7 +29,7 @@ import { CodeBlockOverlayShadow } from "../shortcodes/live-preview/CodeBlockOver
 import { CodeblockTheme } from "../shortcodes/live-preview/theme";
 import { CustomSnippet, DefaultSnippet, PrimitiveSnippet } from "./ThemeableBuilderCodeSnippets";
 
-const StyledComponentsCard: React.FC = (): React.ReactElement<any> => {
+const StyledComponentsCard: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <Card padding="space60">
       <Box display="flex" flexDirection="column" rowGap="space50" alignItems="center" element="INSIDE_OF_WHITE_CARD">
@@ -79,7 +79,7 @@ const StyledComponentsCard: React.FC = (): React.ReactElement<any> => {
   );
 };
 
-const CodeEditor: React.FC<{ children: string }> = ({ children }): React.ReactElement<any> => {
+const CodeEditor: React.FC<{ children: string }> = ({ children }): React.ReactElement<HTMLElement> => {
   const [viewCode, setViewCode] = React.useState(false);
   const handleToggleCodeEditor = (): void => {
     setViewCode(!viewCode);
@@ -145,7 +145,7 @@ const CodeEditor: React.FC<{ children: string }> = ({ children }): React.ReactEl
 const Themes = ["default", "dark", "twilio", "custom"];
 type ThemeType = "default" | "dark" | "twilio" | "custom";
 
-const ComponentsTab: React.FC = (): React.ReactElement<any> => {
+const ComponentsTab: React.FC = (): React.ReactElement<HTMLElement> => {
   const [hasManuallyChangedtheme, setHasManuallyChangedTheme] = React.useState(false);
   const intervalRef = React.useRef<NodeJS.Timeout | undefined>(undefined);
   const [theme, selectTheme] = React.useState<ThemeType>("default");
@@ -254,7 +254,7 @@ const ComponentsTab: React.FC = (): React.ReactElement<any> => {
   );
 };
 
-const PrimitivesTab: React.FC = (): React.ReactElement<any> => {
+const PrimitivesTab: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <>
       <Box
@@ -331,7 +331,7 @@ const PrimitivesTab: React.FC = (): React.ReactElement<any> => {
   );
 };
 
-const ThemeableBuilder: React.FC = (): React.ReactElement<any> => {
+const ThemeableBuilder: React.FC = (): React.ReactElement<HTMLElement> => {
   const selectedTabId = useUID();
 
   return (
diff --git a/packages/paste-website/src/components/homepage/WeDoTheThinking.tsx b/packages/paste-website/src/components/homepage/WeDoTheThinking.tsx
index 98cc468fda..beffc0e42b 100644
--- a/packages/paste-website/src/components/homepage/WeDoTheThinking.tsx
+++ b/packages/paste-website/src/components/homepage/WeDoTheThinking.tsx
@@ -13,7 +13,7 @@ const AnimatedBox = animated(Box);
 const ThinkingLine: React.FC<{ children: React.ReactNode; index: number }> = ({
   children,
   index,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const [show, setShow] = React.useState(false);
 
   const { ref, inView } = useInView({
@@ -59,7 +59,7 @@ const ThinkingLine: React.FC<{ children: React.ReactNode; index: number }> = ({
   );
 };
 
-const WeDoTheThinking: React.FC = (): React.ReactElement<any> => {
+const WeDoTheThinking: React.FC = (): React.ReactElement<HTMLElement> => {
   return (
     <SectionContainer>
       <Box element="WE_DO_THE_THINKING" maxWidth="size50" textAlign="center" marginX="auto">
diff --git a/packages/paste-website/src/components/homepage/component-showcase/ComboboxShowcase.tsx b/packages/paste-website/src/components/homepage/component-showcase/ComboboxShowcase.tsx
index e3e2e77769..12489683b4 100644
--- a/packages/paste-website/src/components/homepage/component-showcase/ComboboxShowcase.tsx
+++ b/packages/paste-website/src/components/homepage/component-showcase/ComboboxShowcase.tsx
@@ -12,7 +12,7 @@ const getFilteredItems = (inputValue: string): string[] => {
   });
 };
 
-const SampleEmptyState = (): React.ReactElement<any> => (
+const SampleEmptyState = (): React.ReactElement<HTMLElement> => (
   <Box paddingY="space40" paddingX="space50">
     <Text as="span" fontStyle="italic" color="colorTextWeak">
       No results found
diff --git a/packages/paste-website/src/components/paste-mdx-provider/index.tsx b/packages/paste-website/src/components/paste-mdx-provider/index.tsx
index c6d33dc519..acc5f92f70 100644
--- a/packages/paste-website/src/components/paste-mdx-provider/index.tsx
+++ b/packages/paste-website/src/components/paste-mdx-provider/index.tsx
@@ -34,7 +34,7 @@ import { NormalizedPatternHeader } from "../shortcodes/normalized-pattern-header
 import { TableOfContents } from "../shortcodes/table-of-contents";
 
 interface PasteMDXProviderProps {
-  children?: React.ReactElement<any>;
+  children?: React.ReactNode;
 }
 
 // These sub styles fix a bug that causes it to break line-heights
@@ -73,49 +73,66 @@ const shortcodes = {
 
 const MDXPoviderComponents = {
   ...shortcodes,
-  h1: (props: HeadingProps): React.ReactElement<any> => <Heading {...props} as="h1" variant="heading10" />,
-  h2: (props: HeadingProps): React.ReactElement<any> => <AnchoredHeading {...props} as="h2" variant="heading20" />,
-  h3: (props: HeadingProps): React.ReactElement<any> => <AnchoredHeading {...props} as="h3" variant="heading30" />,
-  h4: (props: HeadingProps): React.ReactElement<any> => <AnchoredHeading {...props} as="h4" variant="heading40" />,
-  h5: (props: HeadingProps): React.ReactElement<any> => <AnchoredHeading {...props} as="h5" variant="heading50" />,
-  h6: (props: HeadingProps): React.ReactElement<any> => <AnchoredHeading {...props} as="h6" variant="heading60" />,
-  p: (props: React.ComponentProps<typeof Paragraph>): React.ReactElement<any> => <Paragraph {...props} />,
-  ul: (props: React.ComponentProps<typeof UnorderedList>): React.ReactElement<any> => <UnorderedList {...props} />,
-  ol: (props: React.ComponentProps<typeof OrderedList>): React.ReactElement<any> => <OrderedList {...props} />,
-  li: (props: React.ComponentProps<typeof ListItem>): React.ReactElement<any> => <ListItem {...props} />,
-  blockquote: (props: React.ComponentProps<"blockquote">): React.ReactElement<any> => <blockquote {...props} />,
-  table: (props: React.ComponentProps<typeof Table>): React.ReactElement<any> => (
+  h1: (props: HeadingProps): React.ReactElement<HTMLElement> => <Heading {...props} as="h1" variant="heading10" />,
+  h2: (props: HeadingProps): React.ReactElement<HTMLElement> => (
+    <AnchoredHeading {...props} as="h2" variant="heading20" />
+  ),
+  h3: (props: HeadingProps): React.ReactElement<HTMLElement> => (
+    <AnchoredHeading {...props} as="h3" variant="heading30" />
+  ),
+  h4: (props: HeadingProps): React.ReactElement<HTMLElement> => (
+    <AnchoredHeading {...props} as="h4" variant="heading40" />
+  ),
+  h5: (props: HeadingProps): React.ReactElement<HTMLElement> => (
+    <AnchoredHeading {...props} as="h5" variant="heading50" />
+  ),
+  h6: (props: HeadingProps): React.ReactElement<HTMLElement> => (
+    <AnchoredHeading {...props} as="h6" variant="heading60" />
+  ),
+  p: (props: React.ComponentProps<typeof Paragraph>): React.ReactElement<HTMLElement> => <Paragraph {...props} />,
+  ul: (props: React.ComponentProps<typeof UnorderedList>): React.ReactElement<HTMLElement> => (
+    <UnorderedList {...props} />
+  ),
+  ol: (props: React.ComponentProps<typeof OrderedList>): React.ReactElement<HTMLElement> => <OrderedList {...props} />,
+  li: (props: React.ComponentProps<typeof ListItem>): React.ReactElement<HTMLElement> => <ListItem {...props} />,
+  blockquote: (props: React.ComponentProps<"blockquote">): React.ReactElement<HTMLElement> => <blockquote {...props} />,
+  table: (props: React.ComponentProps<typeof Table>): React.ReactElement<HTMLElement> => (
     <Box marginBottom="space60">
       <Table scrollHorizontally tableLayout="fixed" {...props} />
     </Box>
   ),
-  thead: (props: React.ComponentProps<typeof THead>): React.ReactElement<any> => <THead {...props} />,
-  tbody: (props: React.ComponentProps<typeof TBody>): React.ReactElement<any> => <TBody {...props} />,
-  tfoot: (props: React.ComponentProps<typeof TFoot>): React.ReactElement<any> => <TFoot {...props} />,
-  tr: (props: React.ComponentProps<typeof Tr>): React.ReactElement<any> => <Tr {...props} />,
-  th: (props: React.ComponentProps<typeof Th>): React.ReactElement<any> => <Th {...props} />,
-  td: (props: React.ComponentProps<typeof Td>): React.ReactElement<any> => <Td {...props} />,
-  pre: (props: React.ComponentProps<"pre">): React.ReactElement<any> => <Pre {...props} />,
-  code: (props: CodeblockProps): React.ReactElement<any> => <Codeblock {...props} />,
-  inlineCode: (props: React.ComponentProps<typeof InlineCode>): React.ReactElement<any> => <InlineCode {...props} />,
-  em: (props: React.ComponentProps<"em">): React.ReactElement<any> => <em {...props} />,
-  strong: (props: React.ComponentProps<"strong">): React.ReactElement<any> => <strong {...props} />,
-  del: (props: React.ComponentProps<"del">): React.ReactElement<any> => <del {...props} />,
-  hr: (props: SeparatorProps): React.ReactElement<any> => (
+  thead: (props: React.ComponentProps<typeof THead>): React.ReactElement<HTMLElement> => <THead {...props} />,
+  tbody: (props: React.ComponentProps<typeof TBody>): React.ReactElement<HTMLElement> => <TBody {...props} />,
+  tfoot: (props: React.ComponentProps<typeof TFoot>): React.ReactElement<HTMLElement> => <TFoot {...props} />,
+  tr: (props: React.ComponentProps<typeof Tr>): React.ReactElement<HTMLElement> => <Tr {...props} />,
+  th: (props: React.ComponentProps<typeof Th>): React.ReactElement<HTMLElement> => <Th {...props} />,
+  td: (props: React.ComponentProps<typeof Td>): React.ReactElement<HTMLElement> => <Td {...props} />,
+  pre: (props: React.ComponentProps<"pre">): React.ReactElement<HTMLElement> => <Pre {...props} />,
+  code: (props: CodeblockProps): React.ReactElement<HTMLElement> => <Codeblock {...props} />,
+  inlineCode: (props: React.ComponentProps<typeof InlineCode>): React.ReactElement<HTMLElement> => (
+    <InlineCode {...props} />
+  ),
+  em: (props: React.ComponentProps<"em">): React.ReactElement<HTMLElement> => <em {...props} />,
+  strong: (props: React.ComponentProps<"strong">): React.ReactElement<HTMLElement> => <strong {...props} />,
+  del: (props: React.ComponentProps<"del">): React.ReactElement<HTMLElement> => <del {...props} />,
+  hr: (props: SeparatorProps): React.ReactElement<HTMLElement> => (
     <Separator {...props} orientation="horizontal" verticalSpacing="space100" />
   ),
-  a: (props: AnchorProps): React.ReactElement<any> => <MdxLink {...props} />, // eslint-disable-line jsx-a11y/anchor-has-content
+  a: (props: AnchorProps): React.ReactElement<HTMLElement> => <MdxLink {...props} />, // eslint-disable-line jsx-a11y/anchor-has-content
   // eslint-disable-next-line @next/next/no-img-element
   // biome-ignore lint/a11y/useAltText: <explanation>
-  img: (props: React.ComponentProps<"img">): React.ReactElement<any> => <img style={{ maxWidth: "100%" }} {...props} />, // eslint-disable-line jsx-a11y/alt-text
-  sup: (props: React.ComponentProps<"sup">): React.ReactElement<any> => <StyledSup {...props} />,
-  content: (props: HTMLPasteProps<"div">): React.ReactElement<any> => (
+  img: (props: React.ComponentProps<"img">): React.ReactElement<HTMLElement> => (
+    // eslint-disable-next-line jsx-a11y/alt-text
+    <img style={{ maxWidth: "100%" }} {...props} />
+  ), // eslint-disable-line jsx-a11y/alt-text
+  sup: (props: React.ComponentProps<"sup">): React.ReactElement<HTMLElement> => <StyledSup {...props} />,
+  content: (props: HTMLPasteProps<"div">): React.ReactElement<HTMLElement> => (
     <Box element="CONTENT" as="div" maxWidth="size70" minWidth="0" {...props} />
   ),
-  contentwrapper: (props: HTMLPasteProps<"input">): React.ReactElement<any> => (
+  contentwrapper: (props: HTMLPasteProps<"input">): React.ReactElement<HTMLElement> => (
     <Box element="CONTENT_WRAPPER" as="div" display={["block", "block", "flex"]} {...props} />
   ),
-  contentspacer: (props: HTMLPasteProps<"input">): React.ReactElement<any> => (
+  contentspacer: (props: HTMLPasteProps<"input">): React.ReactElement<HTMLElement> => (
     <Box as="div" marginBottom="space70" {...props} />
   ),
 };
@@ -132,7 +149,7 @@ interface PasteMDXProviderProps {
 export const PasteMDXProvider: React.FC<React.PropsWithChildren<PasteMDXProviderProps>> = ({
   componentOverrides,
   children,
-}): React.ReactElement<any> => {
+}): React.ReactElement<HTMLElement> => {
   const components =
     componentOverrides != null ? { ...MDXPoviderComponents, ...componentOverrides } : MDXPoviderComponents;
 
diff --git a/packages/paste-website/src/layouts/ComponentPageLayout.tsx b/packages/paste-website/src/layouts/ComponentPageLayout.tsx
index 84dff616fe..9c50601fe2 100644
--- a/packages/paste-website/src/layouts/ComponentPageLayout.tsx
+++ b/packages/paste-website/src/layouts/ComponentPageLayout.tsx
@@ -13,7 +13,7 @@ import type { NavigationQuery } from "../context/NavigationContext";
 import type { ApiData } from "../utils/DataUtils";
 
 interface ComponentPageLayoutProps {
-  children?: React.ReactElement<any>;
+  children?: React.ReactNode;
   data: ApiData;
   meta: {
     title?: string;
diff --git a/packages/paste-website/src/layouts/DefaultLayout.tsx b/packages/paste-website/src/layouts/DefaultLayout.tsx
index 20662939a5..57e2c51cc6 100644
--- a/packages/paste-website/src/layouts/DefaultLayout.tsx
+++ b/packages/paste-website/src/layouts/DefaultLayout.tsx
@@ -9,7 +9,7 @@ import { SiteMetaDefaults } from "../constants";
 import type { NavigationQuery } from "../context/NavigationContext";
 
 interface DefaultLayoutProps {
-  children?: React.ReactElement<any>;
+  children?: React.ReactNode;
   data?: unknown;
   meta: {
     title?: string;
diff --git a/packages/paste-website/src/pages/_app.tsx b/packages/paste-website/src/pages/_app.tsx
index 992b9155b9..1c65460876 100644
--- a/packages/paste-website/src/pages/_app.tsx
+++ b/packages/paste-website/src/pages/_app.tsx
@@ -18,7 +18,7 @@ import { inCypress } from "../utils/inCypress";
 
 const isProd = ENVIRONMENT_CONTEXT === "production";
 
-const App = ({ Component, pageProps }: AppProps): React.ReactElement<any> => {
+const App = ({ Component, pageProps }: AppProps): React.ReactElement<HTMLElement> => {
   const router = useRouter();
   const localStorageKey = "cookie-consent-accepted";
   const [theme, toggleMode, componentMounted] = useDarkMode();
diff --git a/packages/paste-website/src/pages/_document.tsx b/packages/paste-website/src/pages/_document.tsx
index 890637e4b9..66291cc651 100644
--- a/packages/paste-website/src/pages/_document.tsx
+++ b/packages/paste-website/src/pages/_document.tsx
@@ -9,7 +9,7 @@ class _Document extends Document {
     return initialProps;
   }
 
-  render(): React.ReactElement<any> {
+  render(): React.ReactElement<HTMLElement> {
     return (
       <Html lang="en" dir="ltr">
         <Head>
diff --git a/packages/paste-website/src/pages/customization/index.tsx b/packages/paste-website/src/pages/customization/index.tsx
index cf5249f167..6cf1599065 100644
--- a/packages/paste-website/src/pages/customization/index.tsx
+++ b/packages/paste-website/src/pages/customization/index.tsx
@@ -17,7 +17,7 @@ export interface CustomizationLandingPageProps {
 
 const CustomizationLandingPage = ({
   navigationData,
-}: InferGetStaticPropsType<typeof getStaticProps>): React.ReactElement<any> => {
+}: InferGetStaticPropsType<typeof getStaticProps>): React.ReactElement<HTMLElement> => {
   return (
     <SiteWrapper navigationData={navigationData}>
       <Head>
diff --git a/packages/paste-website/src/pages/index.tsx b/packages/paste-website/src/pages/index.tsx
index fa7aa7f9a8..02b8907256 100644
--- a/packages/paste-website/src/pages/index.tsx
+++ b/packages/paste-website/src/pages/index.tsx
@@ -18,7 +18,9 @@ import { SiteMetaDefaults } from "../constants";
 import { getNavigationData } from "../utils/api";
 import type { Feature } from "../utils/api";
 
-const HomePage = ({ navigationData }: InferGetStaticPropsType<typeof getStaticProps>): React.ReactElement<any> => {
+const HomePage = ({
+  navigationData,
+}: InferGetStaticPropsType<typeof getStaticProps>): React.ReactElement<HTMLElement> => {
   /*
    * Only load the Experiment section iframe when the user scrolls down to
    * the Popular section (the section prior)
diff --git a/packages/paste-website/src/pages/sitemap.xml.tsx b/packages/paste-website/src/pages/sitemap.xml.tsx
index 6d6f8a2389..3350dad670 100644
--- a/packages/paste-website/src/pages/sitemap.xml.tsx
+++ b/packages/paste-website/src/pages/sitemap.xml.tsx
@@ -2,7 +2,7 @@ import type { GetServerSideProps } from "next";
 
 import { SITEMAP } from "../../../../cypress/integration/sitemap-vrt/constants"; // Import the SITEMAP used for cypress
 
-const Sitemap = (): React.ReactElement<any> | null => {
+const Sitemap = (): React.ReactElement<HTMLElement> | null => {
   return null;
 };