ReactOffline Caching
If your JavaScript application is designed to continue working offline, dropping events when no connection is available and missing offline events, could mean you're missing important information.
To enable offline events caching, use makeBrowserOfflineTransport to wrap existing transports and queue events using the browsers' IndexedDB storage. Once your application comes back online, all events will be sent together.
Copied
import * as Sentry from "@sentry/browser";
Sentry.init({
dsn: "https://examplePublicKey@o0.ingest.sentry.io/0",
transport: Sentry.makeBrowserOfflineTransport(Sentry.makeFetchTransport)
transportOptions: {
// see below
}
})
Here are a few optional properties you can add to transportOptions:
Copied
transportOptions:{
/**
* Name of IndexedDb database to store events
* Default: 'sentry-offline'
*/
dbName: string;
/**
* Name of IndexedDb object store to store events
* Default: 'queue'
*/
storeName: string;
/**
* Maximum number of events to store
* Default: 30
*/
maxQueueSize: number;
/**
* Flush the store shortly after startup.
* Default: false
*/
flushAtStartup: boolean;
/**
* Called before an event is stored.
* Return false to drop the envelope rather than store it.
*
* @param envelope The envelope that failed to send.
* @param error The error that occurred.
* @param retryDelay The current retry delay in milliseconds.
*/
shouldStore: (envelope: Envelope, error: Error, retryDelay: number) => boolean | Promise<boolean>;
}
Offline caching is not supported in IE due to a lack of IndexedDB features.
Help improve this content
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or suggesting an update ("yeah, this would be better").
Our documentation is open source and available on GitHub. Your contributions are welcome, whether fixing a typo (drat!) or suggesting an update ("yeah, this would be better").
