Error Component inconsistent between server and client hydration
function ErrorComponent({ error }: { error: Error }) {
console.error('error: ', error);
if (error instanceof AppTRPCClientError) {
return <div>TRPC ERROR</div>;
}
return <TanstackErrorComponent error={error} />;
}
given this error component, an incoming trpc error initially renders correctly, but then switches to the default component after a brief delay when the client hydrates.
Is this expected behaviour? and if so is there a solution for it?
console.error('error: ', error);
if (error instanceof AppTRPCClientError) {
return <div>TRPC ERROR</div>;
}
return <TanstackErrorComponent error={error} />;
}
given this error component, an incoming trpc error initially renders correctly, but then switches to the default component after a brief delay when the client hydrates.
Is this expected behaviour? and if so is there a solution for it?
