​
Updating your config

Configure your Flytrap config file to allow for replaying by setting the mode key to 'replay', and also make sure that the keys secretApiKey, privateKey & captureId are defined. 
import { defineFlytrapConfig } from 'useflytrap'

export default defineFlytrapConfig({
	...
	captureId: '068f747e-....', // 👈 Insert your capture ID from the Flytrap dashboard here
	mode: 'replay'; // 👈 set this to 'replay'
})
Now just run your development environment as you normally do (eg. pnpm dev, yarn dev), and as you do the same actions as the user, all of the values will be the same, like magic. ✨

​
Learn more

Explore how you can use Flytrap to ship more confidently, solve bugs faster and increase the productivity of your QA & developer teams.

Get started with Next.js

Catch & replay using Next.js

Get started with SvelteKit

Catch & replay using SvelteKit

Get started with Nuxt

Catch & replay using Nuxt
file_type_rollup

Get started with Rollup

Catch & replay using Rollup

Get started with Esbuild

Catch & replay using Esbuild

Get started with Vite

Catch & replay using Vite

Get started with Webpack

Catch & replay using Webpack