This integration is for Preact v10.0.0+ (also known as Preact X).


Add the @appsignal/preact and @appsignal/javascript packages to your package.json. Then, run npm install/yarn install.

You can also add these packages to your package.json on the command line:

yarn add @appsignal/javascript @appsignal/preact
npm install --save @appsignal/javascript @appsignal/preact


Error Boundary

If you are using Preact v10.0.0 or higher, you can use the ErrorBoundary component to catch errors from anywhere in the child component tree.

import { Component } from "preact";
import Appsignal from "@appsignal/javascript";
import { ErrorBoundary } from "@appsignal/preact";
const appsignal = new Appsignal({
const FallbackComponent = () => (
  <div>Uh oh! There was an error :(</div>
export default class App extends Component {
  render() {
    return (
        tags={{ tag: "value" }} {/* Optional */}
        fallback={(error) => <FallbackComponent />} {/* Optional */}
        { /** Child components here **/}

Need more help?

Contact us and speak directly with the engineers working on AppSignal. They will help you get set up, tweak your code and make sure you get the most out of using AppSignal.

Contact us

Start a trial - 30 days free

AppSignal is a great way to monitor your Ruby, Elixir & Node.js applications. Works great with Rails, Phoenix, Express and other frameworks, with support for background jobs too. Let's improve your apps together.

Start a trial