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.