chore(many): replace any types and add tech debt tickets (#26293)

Co-authored-by: Liam DeBeasi <liamdebeasi@users.noreply.github.com>

packages/react/src/components/CreateAnimation.tsx

@@ -9,6 +9,8 @@ import {
 } from '@ionic/core/components';
 import React, { PropsWithChildren } from 'react';
 
+// TODO(FW-2959): types
+
 interface PartialPropertyValue {
   property: string;
   value: any;

packages/react/src/components/IonActionSheet.tsx

@@ -21,6 +21,7 @@ export interface ActionSheetOptions extends Omit<ActionSheetOptionsCore, 'button
 }
 
 const actionSheetController = {
+  // TODO(FW-2959): type
   create: (options: ActionSheetOptions) => actionSheetControllerCore.create(options as any),
   dismiss: (data?: any, role?: string | undefined, id?: string | undefined) =>
     actionSheetControllerCore.dismiss(data, role, id),

packages/react/src/components/IonApp.tsx

@@ -15,7 +15,7 @@ type Props = LocalJSX.IonApp &
 
 export const IonApp = /*@__PURE__*/ (() =>
   class extends React.Component<Props> {
-    addOverlayCallback?: (id: string, overlay: any, containerElement: HTMLDivElement) => void;
+    addOverlayCallback?: (id: string, overlay: ReactComponentOrElement, containerElement: HTMLDivElement) => void;
     removeOverlayCallback?: (id: string) => void;
 
     constructor(props: Props) {

packages/react/src/components/IonOverlayManager.tsx

@@ -27,7 +27,7 @@ export const IonOverlayManager: React.FC<IonOverlayManagerProps> = ({
 }) => {
   type OverlaysList = {
     [key: string]: {
-      component: any;
+      component: any; // TODO(FW-2959): type
       containerElement: HTMLDivElement;
     };
   };

packages/react/src/components/IonRoute.tsx

@@ -6,7 +6,7 @@ export interface IonRouteProps {
   path?: string;
   exact?: boolean;
   show?: boolean;
-  render: (props?: any) => JSX.Element;
+  render: (props?: any) => JSX.Element; // TODO(FW-2959): type
   disableIonPageManagement?: boolean;
 }
 

packages/react/src/components/IonRouterContext.tsx

@@ -19,7 +19,7 @@ export interface IonRouterContextState {
 }
 
 export const IonRouterContext = React.createContext<IonRouterContextState>({
-  routeInfo: undefined as any,
+  routeInfo: undefined as any, // TODO(FW-2959): type
   push: () => {
     throw new Error('An Ionic Router is required for IonRouterContext');
   },

packages/react/src/components/createInlineOverlayComponent.tsx

@@ -10,6 +10,8 @@ import {
 } from './react-component-lib/utils';
 import { createForwardRef } from './utils';
 
+// TODO(FW-2959): types
+
 type InlineOverlayState = {
   isOpen: boolean;
 };

packages/react/src/components/createRoutingComponent.tsx

@@ -15,6 +15,8 @@ import {
 } from './react-component-lib/utils';
 import { createForwardRef } from './utils';
 
+// TODO(FW-2959): types
+
 interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
   forwardedRef?: React.ForwardedRef<ElementType>;
   href?: string;

packages/react/src/components/navigation/IonTabBar.tsx

@@ -35,6 +35,8 @@ interface IonTabBarState {
   tabs: { [key: string]: TabUrls };
 }
 
+// TODO(FW-2959): types
+
 class IonTabBarUnwrapped extends React.PureComponent<InternalProps, IonTabBarState> {
   context!: React.ContextType<typeof NavContext>;
 

packages/react/src/components/navigation/IonTabButton.tsx

@@ -9,7 +9,7 @@ type Props = LocalJSX.IonTabButton &
   IonicReactProps & {
     routerOptions?: RouterOptions;
     ref?: React.Ref<HTMLIonTabButtonElement>;
-    onClick?: (e: any) => void;
+    onClick?: (e: Event) => void;
   };
 
 export const IonTabButton = /*@__PURE__*/ (() =>

packages/react/src/components/navigation/IonTabs.tsx

@@ -15,6 +15,8 @@ class IonTabsElement extends HTMLElementSSR {
   }
 }
 
+// TODO(FW-2959): types
+
 if (typeof (window as any) !== 'undefined' && window.customElements) {
   const element = window.customElements.get('ion-tabs');
   if (!element) {

packages/react/src/components/utils/index.tsx

@@ -13,7 +13,7 @@ export type IonicReactExternalProps<PropType, ElementType> = PropType &
   IonicReactProps;
 
 export const createForwardRef = <PropType, ElementType>(
-  ReactComponent: any,
+  ReactComponent: any, // TODO(FW-2959): type
   displayName: string
 ) => {
   const forwardRef = (