Install · Framework

Add Sendshot to Remix / React Router

Add Sendshot to the root route of a Remix or React Router app.

All install guides

In app/root.tsx, add the tag inside <body>, after <Scripts />:

<body>
  <Outlet />
  <ScrollRestoration />
  <Scripts />
  <script async src="https://sendshot.dev/widget.js" data-key="YOUR_PROJECT_KEY" />
</body>

Replace YOUR_PROJECT_KEY with the key from Project → Settings → Installation in your Sendshot dashboard.

Check it works

Open your site. The feedback button appears in the bottom-right corner after the page has loaded. Press Cmd/Ctrl + Shift + F to open it from the keyboard, send a test report, and it shows up in your dashboard.

No button? Make sure the domain you're on is listed in the project's allowed domains.

Get your Remix / React Router snippet

Create a free project to get your key. Your first 10 reports are free.

Start free