44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
|
import { ErrorInfo } from "react";
|
||
|
|
|
||
|
|
|
||
|
|
interface ComponentError {
|
||
|
|
timestamp: number;
|
||
|
|
message: string;
|
||
|
|
callStack: string | undefined;
|
||
|
|
componentStack: string | null | undefined;
|
||
|
|
}
|
||
|
|
|
||
|
|
export function handleComponentError(error: Error, info: ErrorInfo) {
|
||
|
|
const componentError: ComponentError = {
|
||
|
|
timestamp: Math.floor(Date.now() / 1000),
|
||
|
|
message: error.message,
|
||
|
|
callStack: error.stack,
|
||
|
|
componentStack: info.componentStack,
|
||
|
|
};
|
||
|
|
|
||
|
|
queueErrorRequest(componentError);
|
||
|
|
}
|
||
|
|
|
||
|
|
let errorsQueue: ComponentError[] = [];
|
||
|
|
let timeoutId: ReturnType<typeof setTimeout>;
|
||
|
|
|
||
|
|
function queueErrorRequest(error: ComponentError) {
|
||
|
|
errorsQueue.push(error);
|
||
|
|
|
||
|
|
clearTimeout(timeoutId);
|
||
|
|
timeoutId = setTimeout(() => {
|
||
|
|
sendErrorsToServer();
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
|
||
|
|
async function sendErrorsToServer() {
|
||
|
|
// makeRequest({
|
||
|
|
// url: "",
|
||
|
|
// method: "POST",
|
||
|
|
// body: errorsQueue,
|
||
|
|
// useToken: true,
|
||
|
|
// });
|
||
|
|
console.log(`Fake-sending ${errorsQueue.length} errors to server`, errorsQueue);
|
||
|
|
errorsQueue = [];
|
||
|
|
}
|