@ionic/react 8.8.19-dev.11786610762.137bbb21 → 8.8.19-dev.11786730389.1a1927bf

package/dist/types/components/routing-proxies.d.ts

@@ -3,41 +3,41 @@ export declare const IonRouterLink: import("react").ForwardRefExoticComponent<Om
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonRouterLinkElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonRouterLinkElement>>;
 export declare const IonButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonButtonElement>>;
 export declare const IonCard: import("react").ForwardRefExoticComponent<Omit<JSX.IonCard, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonCardElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonCardElement>>;
 export declare const IonFabButton: import("react").ForwardRefExoticComponent<Omit<JSX.IonFabButton, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonFabButtonElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonFabButtonElement>>;
 export declare const IonItem: import("react").ForwardRefExoticComponent<Omit<JSX.IonItem, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemElement>>;
 export declare const IonItemOption: import("react").ForwardRefExoticComponent<Omit<JSX.IonItemOption, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonItemOptionElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonItemOptionElement>>;
 export declare const IonBreadcrumb: import("react").ForwardRefExoticComponent<Omit<JSX.IonBreadcrumb, "routerDirection"> & {
     routerLink?: string;
     routerDirection?: import("..").RouterDirection;
     routerOptions?: import("..").RouterOptions;
-    routerAnimation?: import("@ionic/core/components").AnimationBuilder;
-} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style" | "placeholder"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;
+    routerAnimation?: import("@ionic/core").AnimationBuilder;
+} & Omit<import("react").HTMLAttributes<HTMLIonBreadcrumbElement>, "style"> & import("./IonicReactProps").IonicReactProps & import("react").RefAttributes<HTMLIonBreadcrumbElement>>;

package/dist/types/components/utils/index.d.ts

@@ -1,17 +1,8 @@
-import type { Config as CoreConfig, Platforms } from '@ionic/core/components';
+import type { Platforms } from '@ionic/core/components';
 import React from 'react';
 import type { IonicReactProps } from '../IonicReactProps';
-export type IonicReactExternalProps<PropType, ElementType> = PropType & 
-/**
- * TODO: FW-5753
- *
- * The `placeholder` property was removed from `HTMLAttributes` in @types/react@18.2.43
- * https://github.com/DefinitelyTyped/DefinitelyTyped/commit/b954269038de46b4b2f1756a9f2f020cbc66a326
- *
- * This is a temporary workaround until @ionic/react is updated to >=18.2.43.
- */
-Omit<React.HTMLAttributes<ElementType>, 'style' | 'placeholder'> & IonicReactProps;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>>> & React.RefAttributes<ElementType>>;
+export type IonicReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & IonicReactProps;
+export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, // TODO(FW-2959): type
+displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
 export declare const isPlatform: (platform: Platforms) => boolean;
 export declare const getPlatforms: () => ("ipad" | "iphone" | "ios" | "android" | "phablet" | "tablet" | "cordova" | "capacitor" | "electron" | "pwa" | "mobile" | "mobileweb" | "desktop" | "hybrid")[];
-export declare const getConfig: () => CoreConfig | null;

package/dist/types/contexts/NavContext.d.ts

@@ -3,8 +3,6 @@ import React from 'react';
 import type { RouteInfo } from '../models';
 export interface NavContextState {
     getIonRoute: () => any;
-    getIonRedirect: () => any;
-    getPageManager: () => any;
     getStackManager: () => any;
     goBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
     navigate: (path: string, direction?: RouterDirection | 'none', ionRouteAction?: 'push' | 'replace' | 'pop', animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;

package/dist/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './components';
 export * from './routing';
 export * from './models';
 export * from './utils/generateId';
+export * from './utils/debug';

package/dist/types/lifecycle/IonLifeCycleHOC.d.ts

@@ -8,9 +8,7 @@ export declare const withIonLifeCycle: (WrappedComponent: React.ComponentType<an
         render(): import("react/jsx-runtime").JSX.Element;
         setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

package/dist/types/routing/LocationHistory.d.ts

@@ -13,8 +13,15 @@ export declare class LocationHistory {
     private _getRouteInfosByKey;
     getFirstRouteInfoForTab(tab: string): RouteInfo<any> | undefined;
     getCurrentRouteInfoForTab(tab?: string): RouteInfo<any> | undefined;
+    /**
+     * Returns the most recent RouteInfo in global history (excluding the current
+     * entry) whose pathname matches the given value. Unlike findLastLocation,
+     * this search is tab-agnostic. Used by the multi-step back detection.
+     */
+    findLastLocationByPathname(pathname: string): RouteInfo<any> | undefined;
     findLastLocation(routeInfo: RouteInfo): RouteInfo<any> | undefined;
     previous(): RouteInfo<any>;
     current(): RouteInfo<any>;
     canGoBack(): boolean;
+    findTabForPathname(pathname: string): string | undefined;
 }

package/dist/types/routing/NavManager.d.ts

@@ -6,19 +6,19 @@ import type { RouteAction } from '../models/RouteAction';
 import type { RouteInfo } from '../models/RouteInfo';
 import type { RouterDirection } from '../models/RouterDirection';
 import type { LocationHistory } from './LocationHistory';
-import PageManager from './PageManager';
 interface NavManagerProps {
     routeInfo: RouteInfo;
     onNativeBack: () => void;
     onNavigateBack: (route?: string | RouteInfo, animationBuilder?: AnimationBuilder) => void;
     onNavigate: (path: string, action: RouteAction, direction?: RouterDirection, animationBuilder?: AnimationBuilder, options?: any, tab?: string) => void;
+    onNavigateRoot: (pathname: string, animationBuilder?: AnimationBuilder) => void;
     onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
     onChangeTab: (tab: string, path: string, routeOptions?: any) => void;
     onResetTab: (tab: string, path: string, routeOptions?: any) => void;
-    ionRedirect: any;
     ionRoute: any;
     stackManager: any;
     locationHistory: LocationHistory;
+    children: React.ReactNode;
 }
 export declare class NavManager extends React.PureComponent<NavManagerProps, NavContextState> {
     ionRouterContextValue: IonRouterContextState;
@@ -29,8 +29,6 @@ export declare class NavManager extends React.PureComponent<NavManagerProps, Nav
     goBack(route?: string | RouteInfo, animationBuilder?: AnimationBuilder): void;
     nativeGoBack(): void;
     navigate(path: string, direction?: RouterDirection, action?: RouteAction, animationBuilder?: AnimationBuilder, options?: any, tab?: string): void;
-    getPageManager(): typeof PageManager;
-    getIonRedirect(): any;
     getIonRoute(): any;
     getStackManager(): any;
     render(): import("react/jsx-runtime").JSX.Element;

package/dist/types/routing/OutletPageManager.d.ts

@@ -5,8 +5,10 @@ import { StackContext } from './StackContext';
 interface OutletPageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLIonRouterOutletElement>;
+    children: React.ReactNode;
     routeInfo?: RouteInfo;
     StackManager: any;
+    id?: string;
 }
 export declare class OutletPageManager extends React.Component<OutletPageManagerProps> {
     ionLifeCycleContext: React.ContextType<typeof IonLifeCycleContext>;

package/dist/types/routing/PageManager.d.ts

@@ -5,6 +5,7 @@ import { StackContext } from './StackContext';
 interface PageManagerProps {
     className?: string;
     forwardedRef?: React.ForwardedRef<HTMLDivElement>;
+    children: React.ReactNode;
     routeInfo?: RouteInfo;
 }
 export declare class PageManager extends React.PureComponent<PageManagerProps> {
@@ -13,7 +14,14 @@ export declare class PageManager extends React.PureComponent<PageManagerProps> {
     ionPageElementRef: React.RefObject<HTMLDivElement>;
     stableMergedRefs: React.RefCallback<HTMLDivElement>;
     constructor(props: PageManagerProps);
+    private parseClasses;
+    /**
+     * Updates classList by diffing old/new className props.
+     * Preserves framework-added classes (can-go-back, ion-page-invisible, etc.).
+     */
+    private updateUserClasses;
     componentDidMount(): void;
+    componentDidUpdate(prevProps: PageManagerProps): void;
     componentWillUnmount(): void;
     ionViewWillEnterHandler(): void;
     ionViewDidEnterHandler(): void;

package/dist/types/routing/RouteManagerContext.d.ts

@@ -9,7 +9,12 @@ export interface RouteManagerContextState {
     findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
     findLeavingViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string) => ViewItem | undefined;
     findViewItemByRouteInfo: (routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean) => ViewItem | undefined;
-    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void) => React.ReactNode[];
+    getChildrenToRender: (outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string) => React.ReactNode[];
+    /**
+     * Returns all view items currently registered for a given outlet id.
+     * Used by StackManager for out-of-scope cleanup.
+     */
+    getViewItemsForOutlet: (outletId: string) => ViewItem[];
     goBack: () => void;
     unMountViewItem: (viewItem: ViewItem) => void;
 }

package/dist/types/routing/ViewLifeCycleManager.d.ts

@@ -2,33 +2,34 @@ import React from 'react';
 interface ViewTransitionManagerProps {
     removeView: () => void;
     mount: boolean;
+    children: React.ReactNode;
 }
 interface ViewTransitionManagerState {
     show: boolean;
 }
 export declare class ViewLifeCycleManager extends React.Component<ViewTransitionManagerProps, ViewTransitionManagerState> {
     ionLifeCycleContext: {
-        ionViewWillEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewDidEnterCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewWillLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
-        ionViewDidLeaveCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleCallback[];
+        ionViewWillEnterCallbacks: import("..").LifeCycleCallback[];
+        ionViewDidEnterCallbacks: import("..").LifeCycleCallback[];
+        ionViewWillLeaveCallbacks: import("..").LifeCycleCallback[];
+        ionViewDidLeaveCallbacks: import("..").LifeCycleCallback[];
         componentCanBeDestroyedCallback?: () => void;
-        ionViewWillEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewDidEnterDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewWillLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        ionViewDidLeaveDestructorCallbacks: import("../contexts/IonLifeCycleContext").LifeCycleDestructor[];
-        onIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        teardownCallback(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback, callbacks: any[]): void;
-        cleanupIonViewWillEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
-        cleanupIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        ionViewWillEnterDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewDidEnterDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewWillLeaveDestructorCallbacks: import("..").LifeCycleDestructor[];
+        ionViewDidLeaveDestructorCallbacks: import("..").LifeCycleDestructor[];
+        onIonViewWillEnter(callback: import("..").LifeCycleCallback): void;
+        teardownCallback(callback: import("..").LifeCycleCallback, callbacks: any[]): void;
+        cleanupIonViewWillEnter(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewDidEnter(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewWillLeave(callback: import("..").LifeCycleCallback): void;
+        cleanupIonViewDidLeave(callback: import("..").LifeCycleCallback): void;
         ionViewWillEnter(): void;
-        onIonViewDidEnter(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewDidEnter(callback: import("..").LifeCycleCallback): void;
         ionViewDidEnter(): void;
-        onIonViewWillLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewWillLeave(callback: import("..").LifeCycleCallback): void;
         ionViewWillLeave(): void;
-        onIonViewDidLeave(callback: import("../contexts/IonLifeCycleContext").LifeCycleCallback): void;
+        onIonViewDidLeave(callback: import("..").LifeCycleCallback): void;
         ionViewDidLeave(): void;
         onComponentCanBeDestroyed(callback: () => void): void;
         componentCanBeDestroyed(): void;

package/dist/types/routing/ViewStacks.d.ts

@@ -4,7 +4,7 @@ export declare abstract class ViewStacks {
     private viewStacks;
     constructor();
     add(viewItem: ViewItem): void;
-    clear(outletId: string): NodeJS.Timeout;
+    clear(outletId: string): void;
     getViewItemsForOutlet(outletId: string): ViewItem<any>[];
     remove(viewItem: ViewItem): void;
     protected getStackIds(): string[];
@@ -13,5 +13,5 @@ export declare abstract class ViewStacks {
     abstract findViewItemByPathname(pathname: string, outletId?: string): ViewItem | undefined;
     abstract findViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string, updateMatch?: boolean): ViewItem | undefined;
     abstract findLeavingViewItemByRouteInfo(routeInfo: RouteInfo, outletId?: string): ViewItem | undefined;
-    abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, setInTransition: () => void): React.ReactNode[];
+    abstract getChildrenToRender(outletId: string, ionRouterOutlet: React.ReactElement, routeInfo: RouteInfo, reRender: () => void, parentPathnameBase?: string): React.ReactNode[];
 }

package/dist/types/utils/__tests__/debug.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/config.d.ts

@@ -0,0 +1,7 @@
+import type { Config as CoreConfig } from '@ionic/core/components';
+/**
+ * Ionic's global config, or `null` before core has initialized. Kept here rather
+ * than alongside the component helpers so that utils reaching for config don't
+ * pull core's runtime bundle in with it.
+ */
+export declare const getConfig: () => CoreConfig | null;

package/dist/types/utils/debug.d.ts

@@ -0,0 +1,9 @@
+/** @internal */
+export type DebugLogger = (event: string, getData?: () => unknown) => void;
+/**
+ * Logger namespaced to a package, e.g. `react-router`. The payload is a function
+ * so nothing it collects runs while logging is off.
+ *
+ * @internal
+ */
+export declare const createDebugLogger: (namespace: string) => DebugLogger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.8.19-dev.11786610762.137bbb21",
+  "version": "8.8.19-dev.11786730389.1a1927bf",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -28,6 +28,7 @@
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
     "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
+    "typecheck": "tsc --noEmit",
     "copy": "node scripts/copy.js",
     "test.spec": "jest --ci",
     "sync": "sh ./scripts/sync.sh",
@@ -40,43 +41,61 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "8.8.19-dev.11786610762.137bbb21",
+    "@ionic/core": "8.8.19-dev.11786730389.1a1927bf",
+    "@stencil/react-output-target": "^1.5.2",
     "ionicons": "^8.0.13",
     "tslib": "*"
   },
   "peerDependencies": {
-    "react": ">=16.8.6",
-    "react-dom": ">=16.8.6"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.0.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@testing-library/jest-dom": "^5.11.6",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^7.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^26.0.15",
-    "@types/node": "^14.0.14",
-    "@types/react": "^17.0.79",
-    "@types/react-dom": "^17.0.25",
-    "@typescript-eslint/eslint-plugin": "^5.48.2",
-    "@typescript-eslint/parser": "^5.48.2",
-    "eslint": "^7.32.0",
+    "@types/node": "^24.13.3",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "eslint": "^9.0.0",
+    "eslint-plugin-import": "^2.31.0",
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "np": "^6.4.0",
     "prettier": "^2.8.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "^3.0.2",
     "rollup": "^4.2.0",
-    "ts-jest": "^29.1.3",
-    "typescript": "^5.0.0"
+    "ts-jest": "^29.4.0",
+    "typescript": "^6.0.0"
+  },
+  "overrides": {
+    "@ionic/eslint-config": {
+      "@typescript-eslint/parser": "$@typescript-eslint/parser",
+      "@typescript-eslint/eslint-plugin": "$@typescript-eslint/eslint-plugin",
+      "eslint-plugin-import": "$eslint-plugin-import"
+    }
   },
   "jest": {
     "testEnvironment": "jsdom",
     "preset": "ts-jest",
+    "transform": {
+      "^.+\\.tsx?$": [
+        "ts-jest",
+        {
+          "tsconfig": "tsconfig.spec.json"
+        }
+      ]
+    },
     "setupFilesAfterEnv": [
       "<rootDir>/jest.setup.js"
     ],