@trackunit/react-core-contexts-test 0.1.284 → 0.1.285

package/HookRenderer.cjs.js

@@ -1,19 +1,19 @@
 'use strict';
 
 var react = require('@testing-library/react');
-var pure = require('@testing-library/react/pure');
 var index = require('./index.cjs.js');
 require('react/jsx-runtime');
 require('@trackunit/react-core-hooks');
 require('lodash/omit');
 require('@apollo/client');
+require('@apollo/client/dev');
 require('@apollo/client/link/error');
 require('@apollo/client/testing');
 require('@trackunit/react-core-contexts-api');
 require('@trackunit/shared-utils');
+require('react');
 require('@apollo/client/react');
 require('@tanstack/react-router');
-require('react');
 require('graphql');
 
 /**
@@ -34,11 +34,15 @@ const reactHooksRenderHook = async (callback, getMockedCompositionRoot) => {
     // This is added here to make storybook work and to ensure the right act is loaded for hooks.
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     await react.act(async () => {
-        renderedHook = await pure.renderHook(callback, { wrapper });
+        renderedHook = await react.renderHook(callback, { wrapper });
     });
     await react.act(async () => {
         await index.flushPromises();
+        // rerender to make sure that all hooks can survive the rerender - this is like strict mode from react.
+        renderedHook.rerender();
+        await index.flushPromises();
     });
+    await index.flushPromisesInAct();
     return renderedHook;
 };
 

package/HookRenderer.esm.js

@@ -1,17 +1,17 @@
-import { act } from '@testing-library/react';
-import { renderHook } from '@testing-library/react/pure';
-import { flushPromises } from './index.esm.js';
+import { act, renderHook } from '@testing-library/react';
+import { flushPromises, flushPromisesInAct } from './index.esm.js';
 import 'react/jsx-runtime';
 import '@trackunit/react-core-hooks';
 import 'lodash/omit';
 import '@apollo/client';
+import '@apollo/client/dev';
 import '@apollo/client/link/error';
 import '@apollo/client/testing';
 import '@trackunit/react-core-contexts-api';
 import '@trackunit/shared-utils';
+import 'react';
 import '@apollo/client/react';
 import '@tanstack/react-router';
-import 'react';
 import 'graphql';
 
 /**
@@ -36,7 +36,11 @@ const reactHooksRenderHook = async (callback, getMockedCompositionRoot) => {
     });
     await act(async () => {
         await flushPromises();
+        // rerender to make sure that all hooks can survive the rerender - this is like strict mode from react.
+        renderedHook.rerender();
+        await flushPromises();
     });
+    await flushPromisesInAct();
     return renderedHook;
 };
 

package/index.cjs.js

@@ -5,13 +5,14 @@ var react$1 = require('@testing-library/react');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
 var omit = require('lodash/omit');
 var client = require('@apollo/client');
+var dev = require('@apollo/client/dev');
 var error = require('@apollo/client/link/error');
 var testing = require('@apollo/client/testing');
 var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 var sharedUtils = require('@trackunit/shared-utils');
+var React = require('react');
 var react = require('@apollo/client/react');
 var reactRouter = require('@tanstack/react-router');
-var React = require('react');
 var graphql = require('graphql');
 
 const defaultOptions = {
@@ -27,19 +28,21 @@ const defaultOptions = {
  */
 function ApolloMockedProviderWithError(props) {
     const isDebugging = !!process.env.VSCODE_INSPECTOR_OPTIONS || !!process.env.DEBUG;
+    dev.loadDevMessages();
+    dev.loadErrorMessages();
     const { mocks, ...otherProps } = props;
-    const mockLink = new testing.MockLink(mocks, false, { showWarnings: props.forceDebugging || isDebugging });
+    const mockLink = new testing.MockLink(mocks, false, { showWarnings: isDebugging });
     const errorLoggingLink = error.onError(({ graphQLErrors, networkError }) => {
         if (graphQLErrors) {
             // eslint-disable-next-line array-callback-return
             graphQLErrors.map(({ message, locations, path }) => {
-                if (props.forceDebugging || isDebugging) {
+                if (isDebugging) {
                     // eslint-disable-next-line no-console
                     console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`);
                 }
             });
         }
-        if (networkError && (props.forceDebugging || isDebugging)) {
+        if (networkError && isDebugging) {
             // eslint-disable-next-line no-console
             console.log(`[Network error]: ${networkError}`);
         }
@@ -219,6 +222,40 @@ const mockUserSubscriptionContext = {
     packageType: "EXPAND_FLEET_OWNER",
 };
 
+const RerenderContext = React.createContext({ rerenderCounter: 0, setRerenderCounter: (value) => { } });
+/**
+ * This provider is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+const RerenderProvider = ({ children, counter }) => {
+    const [rerenderCounter, setRerenderCounter] = React.useState(0);
+    React.useEffect(() => {
+        if (counter && rerenderCounter !== counter && rerenderCounter !== 0) {
+            setRerenderCounter(counter);
+        }
+    }, [rerenderCounter, counter]);
+    return (jsxRuntime.jsx(RerenderContext.Provider, { value: { rerenderCounter, setRerenderCounter }, children: children }));
+};
+/**
+ * This hook is used to get the rerender counter.
+ */
+const useRerenderCounter = () => {
+    return React.useContext(RerenderContext);
+};
+
+/**
+ * This component is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+const RerenderComponent = ({ children }) => {
+    const { rerenderCounter } = useRerenderCounter();
+    return (jsxRuntime.jsx("div", { "data-rerender-counter": `rerender-${rerenderCounter}`, children: React.Children.map(children, child => React.isValidElement(child)
+            ? React.createElement(child.type, {
+                ...child.props,
+                key: child.key,
+                "data-rerender-counter": rerenderCounter,
+            })
+            : child) }));
+};
+
 const buildFlatRouteMap = (routes) => {
     const routeMap = {};
     routes.forEach(route => {
@@ -829,14 +866,13 @@ class TrackunitProvidersMockBuilder {
      * Make sure this represent the same structure as the main index.tsx does.
      *
      * @param testChildren - the child element being tested.
-     * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    getMockedCompositionRoot(testChildren, forceDebugging = false) {
-        return (jsxRuntime.jsx(reactCoreHooks.ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsxRuntime.jsx(reactCoreHooks.AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsxRuntime.jsx(reactCoreHooks.OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsxRuntime.jsx(reactCoreHooks.TokenProvider, { value: this.selectedTokenContext, children: jsxRuntime.jsx(reactCoreHooks.ToastProvider, { value: this.selectedToastContext, children: jsxRuntime.jsx(reactCoreHooks.ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsxRuntime.jsx(reactCoreHooks.FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsxRuntime.jsx(reactCoreHooks.AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsxRuntime.jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsxRuntime.jsx(reactCoreHooks.NavigationContextProvider, { value: this.selectedNavigationContext, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsxRuntime.jsx(reactCoreHooks.ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    getMockedCompositionRoot(testChildren) {
+        return (jsxRuntime.jsx(reactCoreHooks.ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsxRuntime.jsx(reactCoreHooks.AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsxRuntime.jsx(reactCoreHooks.OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsxRuntime.jsx(reactCoreHooks.TokenProvider, { value: this.selectedTokenContext, children: jsxRuntime.jsx(reactCoreHooks.ToastProvider, { value: this.selectedToastContext, children: jsxRuntime.jsx(reactCoreHooks.ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsxRuntime.jsx(reactCoreHooks.FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsxRuntime.jsx(reactCoreHooks.AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsxRuntime.jsx(ApolloMockedProviderWithError, { addTypename: false, mocks: this.selectedApolloMocks, children: jsxRuntime.jsx(reactCoreHooks.NavigationContextProvider, { value: this.selectedNavigationContext, children: jsxRuntime.jsx(reactCoreHooks.CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsxRuntime.jsx(reactCoreHooks.ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
     }
-    getMockedCompositionRootWithRouter(testChildren, addTestRootContainer = true, forceDebugging = false) {
-        const childrenWithRouter = (jsxRuntime.jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
-        return this.getMockedCompositionRoot(childrenWithRouter, forceDebugging);
+    getMockedCompositionRootWithRouter(testChildren) {
+        const childrenWithRouter = (jsxRuntime.jsx(RouterContainer, { addTestRootContainer: true, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
+        return this.getMockedCompositionRoot(childrenWithRouter);
     }
     /**
      * This will return the mocked composition root.
@@ -845,7 +881,16 @@ class TrackunitProvidersMockBuilder {
         this.validateSuppliedMocks();
         // This ensures correct act loading when using hooks and not loaded if this build is used for storybook
         const hookRenderer = await Promise.resolve().then(function () { return require('./HookRenderer.cjs.js'); });
-        return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRootWithRouter(parentElement ? parentElement(children) : children));
+        let rerenderCounter = 0;
+        const renderedHook = await hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRoot(jsxRuntime.jsx(RerenderProvider, { counter: rerenderCounter, children: jsxRuntime.jsx(RouterContainer, { addTestRootContainer: true, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: jsxRuntime.jsx(RerenderComponent, { children: parentElement ? parentElement(children) : children }) }) })));
+        return {
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            ...renderedHook,
+            rerender: async (props) => {
+                rerenderCounter += 1;
+                renderedHook.rerender(props);
+            },
+        };
     }
     /**
      * This will use react-testing-library.render the child in the correct mocked hierarchy of context providers.
@@ -868,13 +913,14 @@ class TrackunitProvidersMockBuilder {
         await react$1.act(async () => {
             await flushPromises();
         });
+        // eslint-disable-next-line local-rules/no-typescript-assertion
         return mountedcomponent;
     }
     /**
      *  This will return the children in the correct mocked hierarchy of context providers.
      */
     storybook(child) {
-        return this.getMockedCompositionRoot(child, true);
+        return this.getMockedCompositionRoot(child);
     }
 }
 /**

package/index.esm.js

@@ -3,13 +3,14 @@ import { act, render } from '@testing-library/react';
 import { ErrorHandlingContextProvider, CurrentUserProvider, AnalyticsContext, UserSubscriptionProvider, OemBrandingContextProvider, TokenProvider, ToastProvider, ConfirmationDialogProvider, FilterBarProvider, AssetSortingProvider, NavigationContextProvider, CurrentUserPreferenceProvider, EnvironmentContextProvider, ModalDialogContextProvider } from '@trackunit/react-core-hooks';
 import omit from 'lodash/omit';
 import { ApolloLink } from '@apollo/client';
+import { loadDevMessages, loadErrorMessages } from '@apollo/client/dev';
 import { onError } from '@apollo/client/link/error';
 import { MockLink, MockedProvider } from '@apollo/client/testing';
 import { AssetSortByProperty, SortOrder } from '@trackunit/react-core-contexts-api';
 import { doNothing as doNothing$1, objectValues, objectKeys } from '@trackunit/shared-utils';
+import React, { createContext, useState, useEffect, useContext, useRef, useCallback, useMemo } from 'react';
 import { useApolloClient } from '@apollo/client/react';
 import { createMemoryHistory, createRootRoute, createRoute, createRouter, RouterProvider, Outlet } from '@tanstack/react-router';
-import React, { useRef, useCallback, useMemo, useEffect } from 'react';
 import { GraphQLError } from 'graphql';
 
 const defaultOptions = {
@@ -25,19 +26,21 @@ const defaultOptions = {
  */
 function ApolloMockedProviderWithError(props) {
     const isDebugging = !!process.env.VSCODE_INSPECTOR_OPTIONS || !!process.env.DEBUG;
+    loadDevMessages();
+    loadErrorMessages();
     const { mocks, ...otherProps } = props;
-    const mockLink = new MockLink(mocks, false, { showWarnings: props.forceDebugging || isDebugging });
+    const mockLink = new MockLink(mocks, false, { showWarnings: isDebugging });
     const errorLoggingLink = onError(({ graphQLErrors, networkError }) => {
         if (graphQLErrors) {
             // eslint-disable-next-line array-callback-return
             graphQLErrors.map(({ message, locations, path }) => {
-                if (props.forceDebugging || isDebugging) {
+                if (isDebugging) {
                     // eslint-disable-next-line no-console
                     console.log(`[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`);
                 }
             });
         }
-        if (networkError && (props.forceDebugging || isDebugging)) {
+        if (networkError && isDebugging) {
             // eslint-disable-next-line no-console
             console.log(`[Network error]: ${networkError}`);
         }
@@ -217,6 +220,40 @@ const mockUserSubscriptionContext = {
     packageType: "EXPAND_FLEET_OWNER",
 };
 
+const RerenderContext = createContext({ rerenderCounter: 0, setRerenderCounter: (value) => { } });
+/**
+ * This provider is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+const RerenderProvider = ({ children, counter }) => {
+    const [rerenderCounter, setRerenderCounter] = useState(0);
+    useEffect(() => {
+        if (counter && rerenderCounter !== counter && rerenderCounter !== 0) {
+            setRerenderCounter(counter);
+        }
+    }, [rerenderCounter, counter]);
+    return (jsx(RerenderContext.Provider, { value: { rerenderCounter, setRerenderCounter }, children: children }));
+};
+/**
+ * This hook is used to get the rerender counter.
+ */
+const useRerenderCounter = () => {
+    return useContext(RerenderContext);
+};
+
+/**
+ * This component is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+const RerenderComponent = ({ children }) => {
+    const { rerenderCounter } = useRerenderCounter();
+    return (jsx("div", { "data-rerender-counter": `rerender-${rerenderCounter}`, children: React.Children.map(children, child => React.isValidElement(child)
+            ? React.createElement(child.type, {
+                ...child.props,
+                key: child.key,
+                "data-rerender-counter": rerenderCounter,
+            })
+            : child) }));
+};
+
 const buildFlatRouteMap = (routes) => {
     const routeMap = {};
     routes.forEach(route => {
@@ -827,14 +864,13 @@ class TrackunitProvidersMockBuilder {
      * Make sure this represent the same structure as the main index.tsx does.
      *
      * @param testChildren - the child element being tested.
-     * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    getMockedCompositionRoot(testChildren, forceDebugging = false) {
-        return (jsx(ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsx(CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsx(AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsx(UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsx(OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsx(TokenProvider, { value: this.selectedTokenContext, children: jsx(ToastProvider, { value: this.selectedToastContext, children: jsx(ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsx(FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsx(AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsx(ApolloMockedProviderWithError, { addTypename: false, forceDebugging: forceDebugging, mocks: this.selectedApolloMocks, children: jsx(NavigationContextProvider, { value: this.selectedNavigationContext, children: jsx(CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsx(EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsx(ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    getMockedCompositionRoot(testChildren) {
+        return (jsx(ErrorHandlingContextProvider, { value: this.selectedErrorHandler, children: jsx(CurrentUserProvider, { value: this.selectedCurrentUserContext, children: jsx(AnalyticsContext.Provider, { value: this.selectedAnalyticsContext, children: jsx(UserSubscriptionProvider, { value: this.selectedUserSubscriptionContext, children: jsx(OemBrandingContextProvider, { value: this.selectedOemBrandingContext, children: jsx(TokenProvider, { value: this.selectedTokenContext, children: jsx(ToastProvider, { value: this.selectedToastContext, children: jsx(ConfirmationDialogProvider, { value: this.selectedConfirmationDialogContext, children: jsx(FilterBarProvider, { value: { filterBarValues: this.selectedFilterBarValues }, children: jsx(AssetSortingProvider, { value: this.selectedAssetSortingContext, children: jsx(ApolloMockedProviderWithError, { addTypename: false, mocks: this.selectedApolloMocks, children: jsx(NavigationContextProvider, { value: this.selectedNavigationContext, children: jsx(CurrentUserPreferenceProvider, { value: this.selectedCurrentUserPreferenceContext, children: jsx(EnvironmentContextProvider, { value: this.selectedEnvironmentContext, children: jsx(ModalDialogContextProvider, { value: this.selectedModalDialogContext, children: testChildren }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
     }
-    getMockedCompositionRootWithRouter(testChildren, addTestRootContainer = true, forceDebugging = false) {
-        const childrenWithRouter = (jsx(RouterContainer, { addTestRootContainer: addTestRootContainer, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
-        return this.getMockedCompositionRoot(childrenWithRouter, forceDebugging);
+    getMockedCompositionRootWithRouter(testChildren) {
+        const childrenWithRouter = (jsx(RouterContainer, { addTestRootContainer: true, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: testChildren }));
+        return this.getMockedCompositionRoot(childrenWithRouter);
     }
     /**
      * This will return the mocked composition root.
@@ -843,7 +879,16 @@ class TrackunitProvidersMockBuilder {
         this.validateSuppliedMocks();
         // This ensures correct act loading when using hooks and not loaded if this build is used for storybook
         const hookRenderer = await import('./HookRenderer.esm.js');
-        return hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRootWithRouter(parentElement ? parentElement(children) : children));
+        let rerenderCounter = 0;
+        const renderedHook = await hookRenderer.reactHooksRenderHook(callback, children => this.getMockedCompositionRoot(jsx(RerenderProvider, { counter: rerenderCounter, children: jsx(RouterContainer, { addTestRootContainer: true, rootRoute: this.selectedRootRoute, selectedRouterProps: this.selectedRouterProps, children: jsx(RerenderComponent, { children: parentElement ? parentElement(children) : children }) }) })));
+        return {
+            // eslint-disable-next-line local-rules/no-typescript-assertion
+            ...renderedHook,
+            rerender: async (props) => {
+                rerenderCounter += 1;
+                renderedHook.rerender(props);
+            },
+        };
     }
     /**
      * This will use react-testing-library.render the child in the correct mocked hierarchy of context providers.
@@ -866,13 +911,14 @@ class TrackunitProvidersMockBuilder {
         await act(async () => {
             await flushPromises();
         });
+        // eslint-disable-next-line local-rules/no-typescript-assertion
         return mountedcomponent;
     }
     /**
      *  This will return the children in the correct mocked hierarchy of context providers.
      */
     storybook(child) {
-        return this.getMockedCompositionRoot(child, true);
+        return this.getMockedCompositionRoot(child);
     }
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts-test",
-  "version": "0.1.284",
+  "version": "0.1.285",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

package/src/ApolloMockedProviderWithError.d.ts

@@ -4,6 +4,5 @@ import { MockLink } from "@apollo/client/testing";
  */
 export declare function ApolloMockedProviderWithError(props: {
     mocks: ConstructorParameters<typeof MockLink>[0];
-    forceDebugging?: boolean;
     [k: string]: unknown;
 }): import("react/jsx-runtime").JSX.Element;

package/src/HookRenderer.d.ts

@@ -1,4 +1,4 @@
-import { RenderHookResult } from "@testing-library/react/pure";
+import { RenderHookResult } from "@testing-library/react";
 import * as React from "react";
 /**
  * This is a wrapper around the react testing library renderHook function.

package/src/TrackunitProvidersMockBuilder.d.ts

@@ -356,14 +356,19 @@ export declare class TrackunitProvidersMockBuilder<T extends AnyRoute> {
      * Make sure this represent the same structure as the main index.tsx does.
      *
      * @param testChildren - the child element being tested.
-     * @param addTestRootContainer - if you want to add a root container to the test.
      */
-    protected getMockedCompositionRoot(testChildren: React.ReactNode, forceDebugging?: boolean): import("react/jsx-runtime").JSX.Element;
-    protected getMockedCompositionRootWithRouter(testChildren: React.ReactNode, addTestRootContainer?: boolean, forceDebugging?: boolean): import("react/jsx-runtime").JSX.Element;
+    protected getMockedCompositionRoot(testChildren: React.ReactNode): import("react/jsx-runtime").JSX.Element;
+    protected getMockedCompositionRootWithRouter(testChildren: React.ReactNode): import("react/jsx-runtime").JSX.Element;
     /**
      * This will return the mocked composition root.
      */
-    renderHook<TProps, TResult>(callback: (props: TProps) => TResult, parentElement?: (children: React.ReactNode) => React.ReactElement): Promise<import("@testing-library/react").RenderHookResult<TResult, TProps>>;
+    renderHook<TProps, TResult>(callback: (props: TProps) => TResult, parentElement?: (children: React.ReactNode) => React.ReactElement): Promise<{
+        rerender: (props?: TProps) => Promise<void>;
+        result: {
+            current: TResult;
+        };
+        unmount: () => void;
+    }>;
     /**
      * This will use react-testing-library.render the child in the correct mocked hierarchy of context providers.
      *

package/src/rerenderProvider/RerenderComponent.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * This component is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+export declare const RerenderComponent: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/src/rerenderProvider/RerenderProvider.d.ts

@@ -0,0 +1,18 @@
+export declare const RerenderContext: import("react").Context<{
+    rerenderCounter: number;
+    setRerenderCounter: (value: number) => void;
+}>;
+/**
+ * This provider is used to force re-renders in the test environment, since tanstack router does not support re-render.
+ */
+export declare const RerenderProvider: ({ children, counter }: {
+    children: React.ReactNode;
+    counter: number;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * This hook is used to get the rerender counter.
+ */
+export declare const useRerenderCounter: () => {
+    rerenderCounter: number;
+    setRerenderCounter: (value: number) => void;
+};