@tanstack/react-router - npm Package Compare versions

Comparing version 1.170.29 to 1.170.30

dist/cjs/CatchBoundary.cjs

@@ -8,6 +8,3 @@ "use client";
 //#region src/CatchBoundary.tsx
-function CatchBoundary(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CatchBoundaryImpl, { ...props });
-}
-var CatchBoundaryImpl = class extends react.Component {
+var CatchBoundary = class extends react.Component {
 	constructor(..._args) {
@@ -14,0 +11,0 @@ super(..._args);

dist/cjs/CatchBoundary.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"CatchBoundary.cjs","names":[],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { wrapInNonRouteComponentContext } from './nonRouteComponentContext'\nimport type { ErrorRouteComponent } from './route'\nimport type { ErrorInfo } from 'react'\n\nexport function CatchBoundary(props: {\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}) {\n  return <CatchBoundaryImpl {...props} />\n}\n\nclass CatchBoundaryImpl extends React.Component<{\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}> {\n  state = { error: null } as { error: Error | null; resetKey?: unknown }\n\n  static getDerivedStateFromProps(\n    props: { getResetKey: () => unknown },\n    state: { resetKey?: unknown; error: Error | null },\n  ) {\n    const resetKey = props.getResetKey()\n\n    if (state.error && state.resetKey !== resetKey) {\n      return { resetKey, error: null }\n    }\n\n    return { resetKey }\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n  reset = () => {\n    this.setState({ error: null })\n  }\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onCatch?.(error, errorInfo)\n  }\n  render() {\n    const error = this.state.error\n    if (error) {\n      const element = React.createElement(\n        this.props.errorComponent ?? ErrorComponent,\n        {\n          error,\n          reset: this.reset,\n        },\n      )\n\n      return process.env.NODE_ENV !== 'production'\n        ? wrapInNonRouteComponentContext(element, 'errorComponent')\n        : element\n    }\n\n    return this.props.children\n  }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n  return (\n    <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n        <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            fontSize: '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            fontWeight: 'bold',\n            borderRadius: '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show ? (\n        <div>\n          <pre\n            style={{\n              fontSize: '.7em',\n              border: '1px solid red',\n              borderRadius: '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,cAAc,OAK3B;CACD,OAAO,iBAAA,GAAA,kBAAA,KAAC,mBAAD,EAAmB,GAAI,MAAQ,CAAA;AACxC;AAEA,IAAM,oBAAN,cAAgC,MAAM,UAKnC;;;eACO,EAAE,OAAO,KAAK;qBAiBR;GACZ,KAAK,SAAS,EAAE,OAAO,KAAK,CAAC;EAC/B;;CAjBA,OAAO,yBACL,OACA,OACA;EACA,MAAM,WAAW,MAAM,YAAY;EAEnC,IAAI,MAAM,SAAS,MAAM,aAAa,UACpC,OAAO;GAAE;GAAU,OAAO;EAAK;EAGjC,OAAO,EAAE,SAAS;CACpB;CACA,OAAO,yBAAyB,OAAc;EAC5C,OAAO,EAAE,MAAM;CACjB;CAIA,kBAAkB,OAAc,WAAsB;EACpD,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CACA,SAAS;EACP,MAAM,QAAQ,KAAK,MAAM;EACzB,IAAI,OAAO;GACT,MAAM,UAAU,MAAM,cACpB,KAAK,MAAM,kBAAkB,gBAC7B;IACE;IACA,OAAO,KAAK;GACd,CACF;GAEA,OAAA,QAAA,IAAA,aAAgC,eAC5B,iCAAA,+BAA+B,SAAS,gBAAgB,IACxD;EACN;EAEA,OAAO,KAAK,MAAM;CACpB;AACF;AAEA,SAAgB,eAAe,EAAE,SAAyB;CACxD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAA,QAAA,IAAA,aAAkC,YAAY;CAE5E,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAS,UAAU;EAAO;YAAjD;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAQ;cAAlE,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAQ,OAAO,EAAE,UAAU,OAAO;eAAG;IAA6B,CAAA,GAClE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,OAAO;MACL,YAAY;MACZ,UAAU;MACV,QAAQ;MACR,SAAS;MACT,YAAY;MACZ,cAAc;KAChB;KACA,eAAe,SAAS,MAAM,CAAC,CAAC;eAE/B,OAAO,eAAe;IACjB,CAAA,CACL;;GACL,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,OAAO,EAAE,QAAQ,SAAS,EAAI,CAAA;GAClC,OACC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,QAAQ;KACR,cAAc;KACd,SAAS;KACT,OAAO;KACP,UAAU;IACZ;cAEC,MAAM,UAAU,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,MAAM,QAAc,CAAA,IAAI;GAC7C,CAAA,EACF,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"CatchBoundary.cjs","names":[],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { wrapInNonRouteComponentContext } from './nonRouteComponentContext'\nimport type { ErrorRouteComponent } from './route'\nimport type { ErrorInfo } from 'react'\n\nexport class CatchBoundary extends React.Component<{\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}> {\n  state = { error: null } as { error: Error | null; resetKey?: unknown }\n\n  static getDerivedStateFromProps(\n    props: { getResetKey: () => unknown },\n    state: { resetKey?: unknown; error: Error | null },\n  ) {\n    const resetKey = props.getResetKey()\n\n    if (state.error && state.resetKey !== resetKey) {\n      return { resetKey, error: null }\n    }\n\n    return { resetKey }\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n  reset = () => {\n    this.setState({ error: null })\n  }\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onCatch?.(error, errorInfo)\n  }\n  render() {\n    const error = this.state.error\n    if (error) {\n      const element = React.createElement(\n        this.props.errorComponent ?? ErrorComponent,\n        {\n          error,\n          reset: this.reset,\n        },\n      )\n\n      return process.env.NODE_ENV !== 'production'\n        ? wrapInNonRouteComponentContext(element, 'errorComponent')\n        : element\n    }\n\n    return this.props.children\n  }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n  return (\n    <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n        <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            fontSize: '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            fontWeight: 'bold',\n            borderRadius: '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show ? (\n        <div>\n          <pre\n            style={{\n              fontSize: '.7em',\n              border: '1px solid red',\n              borderRadius: '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAOA,IAAa,gBAAb,cAAmC,MAAM,UAKtC;;;eACO,EAAE,OAAO,KAAK;qBAiBR;GACZ,KAAK,SAAS,EAAE,OAAO,KAAK,CAAC;EAC/B;;CAjBA,OAAO,yBACL,OACA,OACA;EACA,MAAM,WAAW,MAAM,YAAY;EAEnC,IAAI,MAAM,SAAS,MAAM,aAAa,UACpC,OAAO;GAAE;GAAU,OAAO;EAAK;EAGjC,OAAO,EAAE,SAAS;CACpB;CACA,OAAO,yBAAyB,OAAc;EAC5C,OAAO,EAAE,MAAM;CACjB;CAIA,kBAAkB,OAAc,WAAsB;EACpD,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CACA,SAAS;EACP,MAAM,QAAQ,KAAK,MAAM;EACzB,IAAI,OAAO;GACT,MAAM,UAAU,MAAM,cACpB,KAAK,MAAM,kBAAkB,gBAC7B;IACE;IACA,OAAO,KAAK;GACd,CACF;GAEA,OAAA,QAAA,IAAA,aAAgC,eAC5B,iCAAA,+BAA+B,SAAS,gBAAgB,IACxD;EACN;EAEA,OAAO,KAAK,MAAM;CACpB;AACF;AAEA,SAAgB,eAAe,EAAE,SAAyB;CACxD,MAAM,CAAC,MAAM,WAAW,MAAM,SAAA,QAAA,IAAA,aAAkC,YAAY;CAE5E,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAS,UAAU;EAAO;YAAjD;GACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAQ;cAAlE,CACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAQ,OAAO,EAAE,UAAU,OAAO;eAAG;IAA6B,CAAA,GAClE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KACE,OAAO;MACL,YAAY;MACZ,UAAU;MACV,QAAQ;MACR,SAAS;MACT,YAAY;MACZ,cAAc;KAChB;KACA,eAAe,SAAS,MAAM,CAAC,CAAC;eAE/B,OAAO,eAAe;IACjB,CAAA,CACL;;GACL,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,OAAO,EAAE,QAAQ,SAAS,EAAI,CAAA;GAClC,OACC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,QAAQ;KACR,cAAc;KACd,SAAS;KACT,OAAO;KACP,UAAU;IACZ;cAEC,MAAM,UAAU,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,MAAM,QAAc,CAAA,IAAI;GAC7C,CAAA,EACF,CAAA,IACH;EACD;;AAET"}

dist/cjs/CatchBoundary.d.cts

 import { ErrorRouteComponent } from './route.cjs';
 import { ErrorInfo } from 'react';
 import * as React from 'react';
-export declare function CatchBoundary(props: {
+export declare class CatchBoundary extends React.Component<{
     getResetKey: () => unknown;
@@ -9,5 +9,28 @@ children: React.ReactNode;
     onCatch?: (error: Error, errorInfo: ErrorInfo) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}> {
+    state: {
+        error: Error | null;
+        resetKey?: unknown;
+    };
+    static getDerivedStateFromProps(props: {
+        getResetKey: () => unknown;
+    }, state: {
+        resetKey?: unknown;
+        error: Error | null;
+    }): {
+        resetKey: unknown;
+        error: null;
+    } | {
+        resetKey: unknown;
+        error?: undefined;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    reset: () => void;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.FunctionComponentElement<import('@tanstack/router-core').ErrorComponentProps> | null | undefined;
+}
 export declare function ErrorComponent({ error }: {
     error: any;
 }): import("react/jsx-runtime").JSX.Element;

dist/cjs/Transitioner.cjs

@@ -18,16 +18,8 @@ "use client";
 	const mounted = process.env.NODE_ENV !== "production" ? react.useRef(false) : void 0;
-	router.startTransition = (fn, expected) => new Promise((resolve, reject) => {
+	router.startTransition = (fn, expected) => new Promise((resolve) => {
 		settleOwner(acknowledgement, false);
 		acknowledgement.push(expected, resolve);
 		t(router);
-		react.startTransition(() => {
-			try {
-				fn();
-			} catch (cause) {
-				if (acknowledgement[1] === resolve) acknowledgement.length = 0;
-				reject(cause);
-			}
-		});
+		react.startTransition(fn);
 	});
-	if (process.env.NODE_ENV !== "production") router._cancelTransition = () => settleOwner(acknowledgement, false);
 	require_utils.useLayoutEffect(() => {
@@ -34,0 +26,0 @@ const unsub = router.history.subscribe(router.load);

dist/cjs/Transitioner.cjs.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"Transitioner.cjs","names":[],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { getLocationChangeInfo, trimPathRight } from '@tanstack/router-core'\nimport { useLayoutEffect } from './utils'\nimport { useRouter } from './useRouter'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function settleOwner(\n  owner: NonNullable<AnyRouter['_rendered']>,\n  rendered: boolean,\n) {\n  const settle = owner[1 /* settle */]\n  owner.length = 0\n  settle?.(rendered)\n}\n\nexport function Transitioner({\n  t,\n}: {\n  t: React.Dispatch<React.SetStateAction<AnyRouter | undefined>>\n}) {\n  const router = useRouter()\n  const acknowledgement = (router._rendered ??= [])\n  const mounted =\n    process.env.NODE_ENV !== 'production'\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useRef(false)\n      : undefined\n\n  router.startTransition = (fn, expected) =>\n    new Promise((resolve, reject) => {\n      settleOwner(acknowledgement, false)\n      acknowledgement.push(expected, resolve)\n      t(router)\n      React.startTransition(() => {\n        try {\n          fn()\n        } catch (cause) {\n          if (acknowledgement[1 /* settle */] === resolve) {\n            acknowledgement.length = 0\n          }\n          reject(cause)\n        }\n      })\n    })\n  if (process.env.NODE_ENV !== 'production') {\n    ;(\n      router as typeof router & { _cancelTransition?: () => void }\n    )._cancelTransition = () => settleOwner(acknowledgement, false)\n  }\n\n  // Subscribe before canonicalizing so the initial URL has exactly one load.\n  useLayoutEffect(() => {\n    const unsub = router.history.subscribe(router.load)\n\n    if (mounted?.current) {\n      return unsub\n    }\n    if (mounted) {\n      mounted.current = true\n    }\n\n    router.updateLatestLocation()\n    const location = router.latestLocation\n    const nextLocation = router.buildLocation({\n      to: location.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) consistently with server\n    // canonicalization.\n    if (\n      trimPathRight(location.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({\n        ...nextLocation,\n        replace: true,\n        ignoreBlocker: true,\n      })\n      return unsub\n    }\n\n    const resolvedLocation = router.stores.resolvedLocation.get()\n    if (\n      resolvedLocation?.href === location.href &&\n      resolvedLocation.state.__TSR_key === location.state.__TSR_key\n    ) {\n      acknowledgement.push(router.stores.matches.get(), (rendered) => {\n        if (rendered) {\n          router.emit({\n            type: 'onRendered',\n            ...getLocationChangeInfo(resolvedLocation, resolvedLocation),\n          })\n        }\n      })\n    } else if (!router._tx) {\n      router.load().catch(console.error)\n    }\n\n    return unsub\n    // `mounted` exists only in development and is a stable ref when present.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [router, router.history])\n\n  return null\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,YACd,OACA,UACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS;CACf,SAAS,QAAQ;AACnB;AAEA,SAAgB,aAAa,EAC3B,KAGC;CACD,MAAM,SAAS,kBAAA,UAAU;CACzB,MAAM,kBAAmB,OAAO,cAAc,CAAC;CAC/C,MAAM,UAAA,QAAA,IAAA,aACqB,eAErB,MAAM,OAAO,KAAK,IAClB,KAAA;CAEN,OAAO,mBAAmB,IAAI,aAC5B,IAAI,SAAS,SAAS,WAAW;EAC/B,YAAY,iBAAiB,KAAK;EAClC,gBAAgB,KAAK,UAAU,OAAO;EACtC,EAAE,MAAM;EACR,MAAM,sBAAsB;GAC1B,IAAI;IACF,GAAG;GACL,SAAS,OAAO;IACd,IAAI,gBAAgB,OAAoB,SACtC,gBAAgB,SAAS;IAE3B,OAAO,KAAK;GACd;EACF,CAAC;CACH,CAAC;CACH,IAAA,QAAA,IAAA,aAA6B,cAC1B,OAEC,0BAA0B,YAAY,iBAAiB,KAAK;CAIhE,cAAA,sBAAsB;EACpB,MAAM,QAAQ,OAAO,QAAQ,UAAU,OAAO,IAAI;EAElD,IAAI,SAAS,SACX,OAAO;EAET,IAAI,SACF,QAAQ,UAAU;EAGpB,OAAO,qBAAqB;EAC5B,MAAM,WAAW,OAAO;EACxB,MAAM,eAAe,OAAO,cAAc;GACxC,IAAI,SAAS;GACb,QAAQ;GACR,QAAQ;GACR,MAAM;GACN,OAAO;GACP,wBAAwB;EAC1B,CAAC;EAKD,KAAA,GAAA,sBAAA,eACgB,SAAS,UAAU,OAAA,GAAA,sBAAA,eACnB,aAAa,UAAU,GACrC;GACA,OAAO,eAAe;IACpB,GAAG;IACH,SAAS;IACT,eAAe;GACjB,CAAC;GACD,OAAO;EACT;EAEA,MAAM,mBAAmB,OAAO,OAAO,iBAAiB,IAAI;EAC5D,IACE,kBAAkB,SAAS,SAAS,QACpC,iBAAiB,MAAM,cAAc,SAAS,MAAM,WAEpD,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,IAAI,aAAa;GAC9D,IAAI,UACF,OAAO,KAAK;IACV,MAAM;IACN,IAAA,GAAA,sBAAA,uBAAyB,kBAAkB,gBAAgB;GAC7D,CAAC;EAEL,CAAC;OACI,IAAI,CAAC,OAAO,KACjB,OAAO,KAAK,EAAE,MAAM,QAAQ,KAAK;EAGnC,OAAO;CAGT,GAAG,CAAC,QAAQ,OAAO,OAAO,CAAC;CAE3B,OAAO;AACT"}
+{"version":3,"file":"Transitioner.cjs","names":[],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { getLocationChangeInfo, trimPathRight } from '@tanstack/router-core'\nimport { useLayoutEffect } from './utils'\nimport { useRouter } from './useRouter'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function settleOwner(\n  owner: NonNullable<AnyRouter['_rendered']>,\n  rendered: boolean,\n) {\n  const settle = owner[1 /* settle */]\n  owner.length = 0\n  settle?.(rendered)\n}\n\nexport function Transitioner({\n  t,\n}: {\n  t: React.Dispatch<React.SetStateAction<AnyRouter | undefined>>\n}) {\n  const router = useRouter()\n  const acknowledgement = (router._rendered ??= [])\n  const mounted =\n    process.env.NODE_ENV !== 'production'\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useRef(false)\n      : undefined\n\n  router.startTransition = (fn, expected) =>\n    new Promise((resolve) => {\n      settleOwner(acknowledgement, false)\n      acknowledgement.push(expected, resolve)\n      t(router)\n      React.startTransition(fn)\n    })\n\n  // Subscribe before canonicalizing so the initial URL has exactly one load.\n  useLayoutEffect(() => {\n    const unsub = router.history.subscribe(router.load)\n\n    if (mounted?.current) {\n      return unsub\n    }\n    if (mounted) {\n      mounted.current = true\n    }\n\n    router.updateLatestLocation()\n    const location = router.latestLocation\n    const nextLocation = router.buildLocation({\n      to: location.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) consistently with server\n    // canonicalization.\n    if (\n      trimPathRight(location.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({\n        ...nextLocation,\n        replace: true,\n        ignoreBlocker: true,\n      })\n      return unsub\n    }\n\n    const resolvedLocation = router.stores.resolvedLocation.get()\n    if (\n      resolvedLocation?.href === location.href &&\n      resolvedLocation.state.__TSR_key === location.state.__TSR_key\n    ) {\n      acknowledgement.push(router.stores.matches.get(), (rendered) => {\n        if (rendered) {\n          router.emit({\n            type: 'onRendered',\n            ...getLocationChangeInfo(resolvedLocation, resolvedLocation),\n          })\n        }\n      })\n    } else if (!router._tx) {\n      router.load().catch(console.error)\n    }\n\n    return unsub\n    // `mounted` exists only in development and is a stable ref when present.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [router, router.history])\n\n  return null\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,YACd,OACA,UACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS;CACf,SAAS,QAAQ;AACnB;AAEA,SAAgB,aAAa,EAC3B,KAGC;CACD,MAAM,SAAS,kBAAA,UAAU;CACzB,MAAM,kBAAmB,OAAO,cAAc,CAAC;CAC/C,MAAM,UAAA,QAAA,IAAA,aACqB,eAErB,MAAM,OAAO,KAAK,IAClB,KAAA;CAEN,OAAO,mBAAmB,IAAI,aAC5B,IAAI,SAAS,YAAY;EACvB,YAAY,iBAAiB,KAAK;EAClC,gBAAgB,KAAK,UAAU,OAAO;EACtC,EAAE,MAAM;EACR,MAAM,gBAAgB,EAAE;CAC1B,CAAC;CAGH,cAAA,sBAAsB;EACpB,MAAM,QAAQ,OAAO,QAAQ,UAAU,OAAO,IAAI;EAElD,IAAI,SAAS,SACX,OAAO;EAET,IAAI,SACF,QAAQ,UAAU;EAGpB,OAAO,qBAAqB;EAC5B,MAAM,WAAW,OAAO;EACxB,MAAM,eAAe,OAAO,cAAc;GACxC,IAAI,SAAS;GACb,QAAQ;GACR,QAAQ;GACR,MAAM;GACN,OAAO;GACP,wBAAwB;EAC1B,CAAC;EAKD,KAAA,GAAA,sBAAA,eACgB,SAAS,UAAU,OAAA,GAAA,sBAAA,eACnB,aAAa,UAAU,GACrC;GACA,OAAO,eAAe;IACpB,GAAG;IACH,SAAS;IACT,eAAe;GACjB,CAAC;GACD,OAAO;EACT;EAEA,MAAM,mBAAmB,OAAO,OAAO,iBAAiB,IAAI;EAC5D,IACE,kBAAkB,SAAS,SAAS,QACpC,iBAAiB,MAAM,cAAc,SAAS,MAAM,WAEpD,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,IAAI,aAAa;GAC9D,IAAI,UACF,OAAO,KAAK;IACV,MAAM;IACN,IAAA,GAAA,sBAAA,uBAAyB,kBAAkB,gBAAgB;GAC7D,CAAC;EAEL,CAAC;OACI,IAAI,CAAC,OAAO,KACjB,OAAO,KAAK,EAAE,MAAM,QAAQ,KAAK;EAGnC,OAAO;CAGT,GAAG,CAAC,QAAQ,OAAO,OAAO,CAAC;CAE3B,OAAO;AACT"}

dist/esm/CatchBoundary.d.ts

 import { ErrorRouteComponent } from './route.js';
 import { ErrorInfo } from 'react';
 import * as React from 'react';
-export declare function CatchBoundary(props: {
+export declare class CatchBoundary extends React.Component<{
     getResetKey: () => unknown;
@@ -9,5 +9,28 @@ children: React.ReactNode;
     onCatch?: (error: Error, errorInfo: ErrorInfo) => void;
-}): import("react/jsx-runtime").JSX.Element;
+}> {
+    state: {
+        error: Error | null;
+        resetKey?: unknown;
+    };
+    static getDerivedStateFromProps(props: {
+        getResetKey: () => unknown;
+    }, state: {
+        resetKey?: unknown;
+        error: Error | null;
+    }): {
+        resetKey: unknown;
+        error: null;
+    } | {
+        resetKey: unknown;
+        error?: undefined;
+    };
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    reset: () => void;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.FunctionComponentElement<import('@tanstack/router-core').ErrorComponentProps> | null | undefined;
+}
 export declare function ErrorComponent({ error }: {
     error: any;
 }): import("react/jsx-runtime").JSX.Element;

dist/esm/CatchBoundary.js

@@ -6,6 +6,3 @@ "use client";
 //#region src/CatchBoundary.tsx
-function CatchBoundary(props) {
-	return /* @__PURE__ */ jsx(CatchBoundaryImpl, { ...props });
-}
-var CatchBoundaryImpl = class extends React$1.Component {
+var CatchBoundary = class extends React$1.Component {
 	constructor(..._args) {
@@ -12,0 +9,0 @@ super(..._args);

dist/esm/CatchBoundary.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"CatchBoundary.js","names":[],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { wrapInNonRouteComponentContext } from './nonRouteComponentContext'\nimport type { ErrorRouteComponent } from './route'\nimport type { ErrorInfo } from 'react'\n\nexport function CatchBoundary(props: {\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}) {\n  return <CatchBoundaryImpl {...props} />\n}\n\nclass CatchBoundaryImpl extends React.Component<{\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}> {\n  state = { error: null } as { error: Error | null; resetKey?: unknown }\n\n  static getDerivedStateFromProps(\n    props: { getResetKey: () => unknown },\n    state: { resetKey?: unknown; error: Error | null },\n  ) {\n    const resetKey = props.getResetKey()\n\n    if (state.error && state.resetKey !== resetKey) {\n      return { resetKey, error: null }\n    }\n\n    return { resetKey }\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n  reset = () => {\n    this.setState({ error: null })\n  }\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onCatch?.(error, errorInfo)\n  }\n  render() {\n    const error = this.state.error\n    if (error) {\n      const element = React.createElement(\n        this.props.errorComponent ?? ErrorComponent,\n        {\n          error,\n          reset: this.reset,\n        },\n      )\n\n      return process.env.NODE_ENV !== 'production'\n        ? wrapInNonRouteComponentContext(element, 'errorComponent')\n        : element\n    }\n\n    return this.props.children\n  }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n  return (\n    <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n        <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            fontSize: '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            fontWeight: 'bold',\n            borderRadius: '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show ? (\n        <div>\n          <pre\n            style={{\n              fontSize: '.7em',\n              border: '1px solid red',\n              borderRadius: '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,cAAc,OAK3B;CACD,OAAO,oBAAC,mBAAD,EAAmB,GAAI,MAAQ,CAAA;AACxC;AAEA,IAAM,oBAAN,cAAgC,QAAM,UAKnC;;;eACO,EAAE,OAAO,KAAK;qBAiBR;GACZ,KAAK,SAAS,EAAE,OAAO,KAAK,CAAC;EAC/B;;CAjBA,OAAO,yBACL,OACA,OACA;EACA,MAAM,WAAW,MAAM,YAAY;EAEnC,IAAI,MAAM,SAAS,MAAM,aAAa,UACpC,OAAO;GAAE;GAAU,OAAO;EAAK;EAGjC,OAAO,EAAE,SAAS;CACpB;CACA,OAAO,yBAAyB,OAAc;EAC5C,OAAO,EAAE,MAAM;CACjB;CAIA,kBAAkB,OAAc,WAAsB;EACpD,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CACA,SAAS;EACP,MAAM,QAAQ,KAAK,MAAM;EACzB,IAAI,OAAO;GACT,MAAM,UAAU,QAAM,cACpB,KAAK,MAAM,kBAAkB,gBAC7B;IACE;IACA,OAAO,KAAK;GACd,CACF;GAEA,OAAA,QAAA,IAAA,aAAgC,eAC5B,+BAA+B,SAAS,gBAAgB,IACxD;EACN;EAEA,OAAO,KAAK,MAAM;CACpB;AACF;AAEA,SAAgB,eAAe,EAAE,SAAyB;CACxD,MAAM,CAAC,MAAM,WAAW,QAAM,SAAA,QAAA,IAAA,aAAkC,YAAY;CAE5E,OACE,qBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAS,UAAU;EAAO;YAAjD;GACE,qBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAQ;cAAlE,CACE,oBAAC,UAAD;KAAQ,OAAO,EAAE,UAAU,OAAO;eAAG;IAA6B,CAAA,GAClE,oBAAC,UAAD;KACE,OAAO;MACL,YAAY;MACZ,UAAU;MACV,QAAQ;MACR,SAAS;MACT,YAAY;MACZ,cAAc;KAChB;KACA,eAAe,SAAS,MAAM,CAAC,CAAC;eAE/B,OAAO,eAAe;IACjB,CAAA,CACL;;GACL,oBAAC,OAAD,EAAK,OAAO,EAAE,QAAQ,SAAS,EAAI,CAAA;GAClC,OACC,oBAAC,OAAD,EAAA,UACE,oBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,QAAQ;KACR,cAAc;KACd,SAAS;KACT,OAAO;KACP,UAAU;IACZ;cAEC,MAAM,UAAU,oBAAC,QAAD,EAAA,UAAO,MAAM,QAAc,CAAA,IAAI;GAC7C,CAAA,EACF,CAAA,IACH;EACD;;AAET"}
+{"version":3,"file":"CatchBoundary.js","names":[],"sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { wrapInNonRouteComponentContext } from './nonRouteComponentContext'\nimport type { ErrorRouteComponent } from './route'\nimport type { ErrorInfo } from 'react'\n\nexport class CatchBoundary extends React.Component<{\n  getResetKey: () => unknown\n  children: React.ReactNode\n  errorComponent?: ErrorRouteComponent\n  onCatch?: (error: Error, errorInfo: ErrorInfo) => void\n}> {\n  state = { error: null } as { error: Error | null; resetKey?: unknown }\n\n  static getDerivedStateFromProps(\n    props: { getResetKey: () => unknown },\n    state: { resetKey?: unknown; error: Error | null },\n  ) {\n    const resetKey = props.getResetKey()\n\n    if (state.error && state.resetKey !== resetKey) {\n      return { resetKey, error: null }\n    }\n\n    return { resetKey }\n  }\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n  reset = () => {\n    this.setState({ error: null })\n  }\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.props.onCatch?.(error, errorInfo)\n  }\n  render() {\n    const error = this.state.error\n    if (error) {\n      const element = React.createElement(\n        this.props.errorComponent ?? ErrorComponent,\n        {\n          error,\n          reset: this.reset,\n        },\n      )\n\n      return process.env.NODE_ENV !== 'production'\n        ? wrapInNonRouteComponentContext(element, 'errorComponent')\n        : element\n    }\n\n    return this.props.children\n  }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n  const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n  return (\n    <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n      <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n        <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n        <button\n          style={{\n            appearance: 'none',\n            fontSize: '.6em',\n            border: '1px solid currentColor',\n            padding: '.1rem .2rem',\n            fontWeight: 'bold',\n            borderRadius: '.25rem',\n          }}\n          onClick={() => setShow((d) => !d)}\n        >\n          {show ? 'Hide Error' : 'Show Error'}\n        </button>\n      </div>\n      <div style={{ height: '.25rem' }} />\n      {show ? (\n        <div>\n          <pre\n            style={{\n              fontSize: '.7em',\n              border: '1px solid red',\n              borderRadius: '.25rem',\n              padding: '.3rem',\n              color: 'red',\n              overflow: 'auto',\n            }}\n          >\n            {error.message ? <code>{error.message}</code> : null}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAa,gBAAb,cAAmC,QAAM,UAKtC;;;eACO,EAAE,OAAO,KAAK;qBAiBR;GACZ,KAAK,SAAS,EAAE,OAAO,KAAK,CAAC;EAC/B;;CAjBA,OAAO,yBACL,OACA,OACA;EACA,MAAM,WAAW,MAAM,YAAY;EAEnC,IAAI,MAAM,SAAS,MAAM,aAAa,UACpC,OAAO;GAAE;GAAU,OAAO;EAAK;EAGjC,OAAO,EAAE,SAAS;CACpB;CACA,OAAO,yBAAyB,OAAc;EAC5C,OAAO,EAAE,MAAM;CACjB;CAIA,kBAAkB,OAAc,WAAsB;EACpD,KAAK,MAAM,UAAU,OAAO,SAAS;CACvC;CACA,SAAS;EACP,MAAM,QAAQ,KAAK,MAAM;EACzB,IAAI,OAAO;GACT,MAAM,UAAU,QAAM,cACpB,KAAK,MAAM,kBAAkB,gBAC7B;IACE;IACA,OAAO,KAAK;GACd,CACF;GAEA,OAAA,QAAA,IAAA,aAAgC,eAC5B,+BAA+B,SAAS,gBAAgB,IACxD;EACN;EAEA,OAAO,KAAK,MAAM;CACpB;AACF;AAEA,SAAgB,eAAe,EAAE,SAAyB;CACxD,MAAM,CAAC,MAAM,WAAW,QAAM,SAAA,QAAA,IAAA,aAAkC,YAAY;CAE5E,OACE,qBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAS,UAAU;EAAO;YAAjD;GACE,qBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAQ;cAAlE,CACE,oBAAC,UAAD;KAAQ,OAAO,EAAE,UAAU,OAAO;eAAG;IAA6B,CAAA,GAClE,oBAAC,UAAD;KACE,OAAO;MACL,YAAY;MACZ,UAAU;MACV,QAAQ;MACR,SAAS;MACT,YAAY;MACZ,cAAc;KAChB;KACA,eAAe,SAAS,MAAM,CAAC,CAAC;eAE/B,OAAO,eAAe;IACjB,CAAA,CACL;;GACL,oBAAC,OAAD,EAAK,OAAO,EAAE,QAAQ,SAAS,EAAI,CAAA;GAClC,OACC,oBAAC,OAAD,EAAA,UACE,oBAAC,OAAD;IACE,OAAO;KACL,UAAU;KACV,QAAQ;KACR,cAAc;KACd,SAAS;KACT,OAAO;KACP,UAAU;IACZ;cAEC,MAAM,UAAU,oBAAC,QAAD,EAAA,UAAO,MAAM,QAAc,CAAA,IAAI;GAC7C,CAAA,EACF,CAAA,IACH;EACD;;AAET"}

dist/esm/Transitioner.js

@@ -16,16 +16,8 @@ "use client";
 	const mounted = process.env.NODE_ENV !== "production" ? React$1.useRef(false) : void 0;
-	router.startTransition = (fn, expected) => new Promise((resolve, reject) => {
+	router.startTransition = (fn, expected) => new Promise((resolve) => {
 		settleOwner(acknowledgement, false);
 		acknowledgement.push(expected, resolve);
 		t(router);
-		React$1.startTransition(() => {
-			try {
-				fn();
-			} catch (cause) {
-				if (acknowledgement[1] === resolve) acknowledgement.length = 0;
-				reject(cause);
-			}
-		});
+		React$1.startTransition(fn);
 	});
-	if (process.env.NODE_ENV !== "production") router._cancelTransition = () => settleOwner(acknowledgement, false);
 	useLayoutEffect(() => {
@@ -32,0 +24,0 @@ const unsub = router.history.subscribe(router.load);

dist/esm/Transitioner.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"Transitioner.js","names":[],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { getLocationChangeInfo, trimPathRight } from '@tanstack/router-core'\nimport { useLayoutEffect } from './utils'\nimport { useRouter } from './useRouter'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function settleOwner(\n  owner: NonNullable<AnyRouter['_rendered']>,\n  rendered: boolean,\n) {\n  const settle = owner[1 /* settle */]\n  owner.length = 0\n  settle?.(rendered)\n}\n\nexport function Transitioner({\n  t,\n}: {\n  t: React.Dispatch<React.SetStateAction<AnyRouter | undefined>>\n}) {\n  const router = useRouter()\n  const acknowledgement = (router._rendered ??= [])\n  const mounted =\n    process.env.NODE_ENV !== 'production'\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useRef(false)\n      : undefined\n\n  router.startTransition = (fn, expected) =>\n    new Promise((resolve, reject) => {\n      settleOwner(acknowledgement, false)\n      acknowledgement.push(expected, resolve)\n      t(router)\n      React.startTransition(() => {\n        try {\n          fn()\n        } catch (cause) {\n          if (acknowledgement[1 /* settle */] === resolve) {\n            acknowledgement.length = 0\n          }\n          reject(cause)\n        }\n      })\n    })\n  if (process.env.NODE_ENV !== 'production') {\n    ;(\n      router as typeof router & { _cancelTransition?: () => void }\n    )._cancelTransition = () => settleOwner(acknowledgement, false)\n  }\n\n  // Subscribe before canonicalizing so the initial URL has exactly one load.\n  useLayoutEffect(() => {\n    const unsub = router.history.subscribe(router.load)\n\n    if (mounted?.current) {\n      return unsub\n    }\n    if (mounted) {\n      mounted.current = true\n    }\n\n    router.updateLatestLocation()\n    const location = router.latestLocation\n    const nextLocation = router.buildLocation({\n      to: location.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) consistently with server\n    // canonicalization.\n    if (\n      trimPathRight(location.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({\n        ...nextLocation,\n        replace: true,\n        ignoreBlocker: true,\n      })\n      return unsub\n    }\n\n    const resolvedLocation = router.stores.resolvedLocation.get()\n    if (\n      resolvedLocation?.href === location.href &&\n      resolvedLocation.state.__TSR_key === location.state.__TSR_key\n    ) {\n      acknowledgement.push(router.stores.matches.get(), (rendered) => {\n        if (rendered) {\n          router.emit({\n            type: 'onRendered',\n            ...getLocationChangeInfo(resolvedLocation, resolvedLocation),\n          })\n        }\n      })\n    } else if (!router._tx) {\n      router.load().catch(console.error)\n    }\n\n    return unsub\n    // `mounted` exists only in development and is a stable ref when present.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [router, router.history])\n\n  return null\n}\n"],"mappings":";;;;;;AAQA,SAAgB,YACd,OACA,UACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS;CACf,SAAS,QAAQ;AACnB;AAEA,SAAgB,aAAa,EAC3B,KAGC;CACD,MAAM,SAAS,UAAU;CACzB,MAAM,kBAAmB,OAAO,cAAc,CAAC;CAC/C,MAAM,UAAA,QAAA,IAAA,aACqB,eAErB,QAAM,OAAO,KAAK,IAClB,KAAA;CAEN,OAAO,mBAAmB,IAAI,aAC5B,IAAI,SAAS,SAAS,WAAW;EAC/B,YAAY,iBAAiB,KAAK;EAClC,gBAAgB,KAAK,UAAU,OAAO;EACtC,EAAE,MAAM;EACR,QAAM,sBAAsB;GAC1B,IAAI;IACF,GAAG;GACL,SAAS,OAAO;IACd,IAAI,gBAAgB,OAAoB,SACtC,gBAAgB,SAAS;IAE3B,OAAO,KAAK;GACd;EACF,CAAC;CACH,CAAC;CACH,IAAA,QAAA,IAAA,aAA6B,cAC1B,OAEC,0BAA0B,YAAY,iBAAiB,KAAK;CAIhE,sBAAsB;EACpB,MAAM,QAAQ,OAAO,QAAQ,UAAU,OAAO,IAAI;EAElD,IAAI,SAAS,SACX,OAAO;EAET,IAAI,SACF,QAAQ,UAAU;EAGpB,OAAO,qBAAqB;EAC5B,MAAM,WAAW,OAAO;EACxB,MAAM,eAAe,OAAO,cAAc;GACxC,IAAI,SAAS;GACb,QAAQ;GACR,QAAQ;GACR,MAAM;GACN,OAAO;GACP,wBAAwB;EAC1B,CAAC;EAKD,IACE,cAAc,SAAS,UAAU,MACjC,cAAc,aAAa,UAAU,GACrC;GACA,OAAO,eAAe;IACpB,GAAG;IACH,SAAS;IACT,eAAe;GACjB,CAAC;GACD,OAAO;EACT;EAEA,MAAM,mBAAmB,OAAO,OAAO,iBAAiB,IAAI;EAC5D,IACE,kBAAkB,SAAS,SAAS,QACpC,iBAAiB,MAAM,cAAc,SAAS,MAAM,WAEpD,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,IAAI,aAAa;GAC9D,IAAI,UACF,OAAO,KAAK;IACV,MAAM;IACN,GAAG,sBAAsB,kBAAkB,gBAAgB;GAC7D,CAAC;EAEL,CAAC;OACI,IAAI,CAAC,OAAO,KACjB,OAAO,KAAK,EAAE,MAAM,QAAQ,KAAK;EAGnC,OAAO;CAGT,GAAG,CAAC,QAAQ,OAAO,OAAO,CAAC;CAE3B,OAAO;AACT"}
+{"version":3,"file":"Transitioner.js","names":[],"sources":["../../src/Transitioner.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { getLocationChangeInfo, trimPathRight } from '@tanstack/router-core'\nimport { useLayoutEffect } from './utils'\nimport { useRouter } from './useRouter'\nimport type { AnyRouter } from '@tanstack/router-core'\n\nexport function settleOwner(\n  owner: NonNullable<AnyRouter['_rendered']>,\n  rendered: boolean,\n) {\n  const settle = owner[1 /* settle */]\n  owner.length = 0\n  settle?.(rendered)\n}\n\nexport function Transitioner({\n  t,\n}: {\n  t: React.Dispatch<React.SetStateAction<AnyRouter | undefined>>\n}) {\n  const router = useRouter()\n  const acknowledgement = (router._rendered ??= [])\n  const mounted =\n    process.env.NODE_ENV !== 'production'\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        React.useRef(false)\n      : undefined\n\n  router.startTransition = (fn, expected) =>\n    new Promise((resolve) => {\n      settleOwner(acknowledgement, false)\n      acknowledgement.push(expected, resolve)\n      t(router)\n      React.startTransition(fn)\n    })\n\n  // Subscribe before canonicalizing so the initial URL has exactly one load.\n  useLayoutEffect(() => {\n    const unsub = router.history.subscribe(router.load)\n\n    if (mounted?.current) {\n      return unsub\n    }\n    if (mounted) {\n      mounted.current = true\n    }\n\n    router.updateLatestLocation()\n    const location = router.latestLocation\n    const nextLocation = router.buildLocation({\n      to: location.pathname,\n      search: true,\n      params: true,\n      hash: true,\n      state: true,\n      _includeValidateSearch: true,\n    })\n\n    // Check if the current URL matches the canonical form.\n    // Compare publicHref (browser-facing URL) consistently with server\n    // canonicalization.\n    if (\n      trimPathRight(location.publicHref) !==\n      trimPathRight(nextLocation.publicHref)\n    ) {\n      router.commitLocation({\n        ...nextLocation,\n        replace: true,\n        ignoreBlocker: true,\n      })\n      return unsub\n    }\n\n    const resolvedLocation = router.stores.resolvedLocation.get()\n    if (\n      resolvedLocation?.href === location.href &&\n      resolvedLocation.state.__TSR_key === location.state.__TSR_key\n    ) {\n      acknowledgement.push(router.stores.matches.get(), (rendered) => {\n        if (rendered) {\n          router.emit({\n            type: 'onRendered',\n            ...getLocationChangeInfo(resolvedLocation, resolvedLocation),\n          })\n        }\n      })\n    } else if (!router._tx) {\n      router.load().catch(console.error)\n    }\n\n    return unsub\n    // `mounted` exists only in development and is a stable ref when present.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [router, router.history])\n\n  return null\n}\n"],"mappings":";;;;;;AAQA,SAAgB,YACd,OACA,UACA;CACA,MAAM,SAAS,MAAM;CACrB,MAAM,SAAS;CACf,SAAS,QAAQ;AACnB;AAEA,SAAgB,aAAa,EAC3B,KAGC;CACD,MAAM,SAAS,UAAU;CACzB,MAAM,kBAAmB,OAAO,cAAc,CAAC;CAC/C,MAAM,UAAA,QAAA,IAAA,aACqB,eAErB,QAAM,OAAO,KAAK,IAClB,KAAA;CAEN,OAAO,mBAAmB,IAAI,aAC5B,IAAI,SAAS,YAAY;EACvB,YAAY,iBAAiB,KAAK;EAClC,gBAAgB,KAAK,UAAU,OAAO;EACtC,EAAE,MAAM;EACR,QAAM,gBAAgB,EAAE;CAC1B,CAAC;CAGH,sBAAsB;EACpB,MAAM,QAAQ,OAAO,QAAQ,UAAU,OAAO,IAAI;EAElD,IAAI,SAAS,SACX,OAAO;EAET,IAAI,SACF,QAAQ,UAAU;EAGpB,OAAO,qBAAqB;EAC5B,MAAM,WAAW,OAAO;EACxB,MAAM,eAAe,OAAO,cAAc;GACxC,IAAI,SAAS;GACb,QAAQ;GACR,QAAQ;GACR,MAAM;GACN,OAAO;GACP,wBAAwB;EAC1B,CAAC;EAKD,IACE,cAAc,SAAS,UAAU,MACjC,cAAc,aAAa,UAAU,GACrC;GACA,OAAO,eAAe;IACpB,GAAG;IACH,SAAS;IACT,eAAe;GACjB,CAAC;GACD,OAAO;EACT;EAEA,MAAM,mBAAmB,OAAO,OAAO,iBAAiB,IAAI;EAC5D,IACE,kBAAkB,SAAS,SAAS,QACpC,iBAAiB,MAAM,cAAc,SAAS,MAAM,WAEpD,gBAAgB,KAAK,OAAO,OAAO,QAAQ,IAAI,IAAI,aAAa;GAC9D,IAAI,UACF,OAAO,KAAK;IACV,MAAM;IACN,GAAG,sBAAsB,kBAAkB,gBAAgB;GAC7D,CAAC;EAEL,CAAC;OACI,IAAI,CAAC,OAAO,KACjB,OAAO,KAAK,EAAE,MAAM,QAAQ,KAAK;EAGnC,OAAO;CAGT,GAAG,CAAC,QAAQ,OAAO,OAAO,CAAC;CAE3B,OAAO;AACT"}

package.json

 {
   "name": "@tanstack/react-router",
-  "version": "1.170.29",
+  "version": "1.170.30",
   "description": "Modern and scalable routing for React applications",
@@ -81,3 +81,3 @@ "author": "Tanner Linsley",
     "@tanstack/history": "1.162.1",
-    "@tanstack/router-core": "1.171.24"
+    "@tanstack/router-core": "1.171.25"
   },
@@ -91,6 +91,16 @@ "devDependencies": {
     "combinate": "^1.1.11",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "vite": "*",
-    "zod": "^4.4.3"
+    "zod": "^4.4.3",
+    "@tanstack/vite-config": "0.5.2",
+    "vitest": "^4.1.4",
+    "jsdom": "^25.0.1",
+    "@eslint-react/eslint-plugin": "^1.26.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "@types/react": "^19.2.8",
+    "@types/react-dom": "^19.2.3",
+    "@arethetypeswrong/cli": "^0.18.4",
+    "publint": "^0.3.16",
+    "rimraf": "^6.1.2"
   },
@@ -97,0 +107,0 @@ "peerDependencies": {

src/CatchBoundary.tsx

@@ -8,3 +8,3 @@ 'use client'
 
-export function CatchBoundary(props: {
+export class CatchBoundary extends React.Component<{
   getResetKey: () => unknown
@@ -14,11 +14,2 @@ children: React.ReactNode
   onCatch?: (error: Error, errorInfo: ErrorInfo) => void
-}) {
-  return <CatchBoundaryImpl {...props} />
-}
-
-class CatchBoundaryImpl extends React.Component<{
-  getResetKey: () => unknown
-  children: React.ReactNode
-  errorComponent?: ErrorRouteComponent
-  onCatch?: (error: Error, errorInfo: ErrorInfo) => void
 }> {
@@ -25,0 +16,0 @@ state = { error: null } as { error: Error | null; resetKey?: unknown }

src/Transitioner.tsx

@@ -32,22 +32,8 @@ 'use client'
   router.startTransition = (fn, expected) =>
-    new Promise((resolve, reject) => {
+    new Promise((resolve) => {
       settleOwner(acknowledgement, false)
       acknowledgement.push(expected, resolve)
       t(router)
-      React.startTransition(() => {
-        try {
-          fn()
-        } catch (cause) {
-          if (acknowledgement[1 /* settle */] === resolve) {
-            acknowledgement.length = 0
-          }
-          reject(cause)
-        }
-      })
+      React.startTransition(fn)
     })
-  if (process.env.NODE_ENV !== 'production') {
-    ;(
-      router as typeof router & { _cancelTransition?: () => void }
-    )._cancelTransition = () => settleOwner(acknowledgement, false)
-  }
 
@@ -54,0 +40,0 @@ // Subscribe before canonicalizing so the initial URL has exactly one load.

New alerts

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Fixed alerts

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Improved metrics

Number of low supply chain risk alerts

83

-3.49%

Worsened metrics

Total package byte prevSize

1071283

-0.1%

Dev dependency count

20

100%

Lines of code

13882

-0.14%

Dependency changes

• + Added

  @tanstack/router-core@1.171.25
  (transitive)

• - Removed

  @tanstack/router-core@1.171.24
  (transitive)

• Updated

  @tanstack/router-core@1.171.25