Skip to content

[Bug]: Recorder Toolbar Hydration Problem #32632

@akoenig

Description

@akoenig

Version

1.47.1

Steps to reproduce

  1. Clone my repo (git clone git@github.com:akoenig/repro-playwright-hydration-error.git)
  2. Run npm install && npm run dev
  3. Record a test via the VS Code extension.
  4. Open up http://localhost:5173 in the appearing Chrome instance.
  5. See the toolbar disappear.

Expected behavior

I expect to still see the "recorder toolbar"

CleanShot 2024-09-16 at 10 26 05@2x

Actual behavior

The "recorder toolbar" disappears when opening the Remix application.

Additional context

Video

Environment

System:
    OS: macOS 14.5
    CPU: (12) arm64 Apple M2 Pro
    Memory: 187.00 MB / 32.00 GB
  Binaries:
    Node: 22.3.0 - ~/.local/share/devbox/global/default/.devbox/nix/profile/default/bin/node
    npm: 10.8.1 - ~/.local/share/devbox/global/default/.devbox/nix/profile/default/bin/npm
    pnpm: 9.4.0 - ~/.local/share/devbox/global/default/.devbox/nix/profile/default/bin/pnpm
    bun: 1.1.20 - ~/.local/share/devbox/global/default/.devbox/nix/profile/default/bin/bun
  IDEs:
    VSCode: 1.93.1 - /usr/local/bin/code
  Languages:
    Bash: 3.2.57 - /bin/bash
  npmPackages:
    @playwright/test: ^1.47.1 => 1.47.1

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions