reactjs - Hur man inaktiverar eller passerar genom Tanstack Router-felgräns


Tanstack-router har en inbyggd felgräns som jag har upptäckt att du kan anpassa genom att sätta defaultErrorComponent-egenskapen i provider-komponenten. Men istället för att anpassa denna komponent vill jag inaktivera den helt, eller åtminstone skicka felet upp i komponentträdet till en annan gräns som jag definierar. Jag försökte bara kasta felet igen, men det verkar inte ha någon effekt:

import { RouterProvider as TSRouteProvider } from '@tanstack/react-router';
import { FC } from 'react';
import router from './';
import useApp from '../hooks/use-app.hook';
import Loader from '../components/loader';

const RouteProvider: FC = () => {
  const { loadState } = useApp();

  if (loadState !== 'loaded') {
    return <Loader />;
  }

  return <TSRouteProvider router={router} defaultErrorComponent={PassThruError} />;
};

const PassThruError: FC = ({ error }: { error: Error }) => {
  // this does not seem to work: 
  throw error; 
  return <></>;
};

export default RouteProvider;

Är det möjligt att inaktivera Tanstacks felgräns, eller passera igenom den? Jag vill inte använda någon av Tanstacks felhantering, jag vill helt enkelt överlämna allt till min egen felgräns längre upp i komponentträdet.