Zoeken op website

reactjs - Hoe Tanstack Router-foutafbakening uit te schakelen of door te geven


Tanstack-router heeft een ingebouwde foutgrens die ik ontdekte dat je kunt aanpassen door de defaultErrorComponent-prop in het providercomponent in te stellen. In plaats van dit component echter aan te passen, wil ik het volledig uitschakelen, of op zijn minst de fout doorgeven naar een andere grens in de componentboom die ik definieer. Ik heb geprobeerd de fout gewoon opnieuw te gooien, maar dit lijkt geen effect te hebben:

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;

Is het mogelijk om de foutgrens van Tanstack uit te schakelen of erdoorheen te gaan? Ik wil geen gebruik maken van Tanstack's foutafhandeling, ik wil alles gewoon doorgeven aan mijn eigen foutgrens verder boven in de componentenboom.