Skip to content

Using HyperDX SDK breaks react-resize-panels resizing functionality #185

@DanSnow

Description

@DanSnow

Environment:

  • HyperDX SDK version: 0.21.2
  • Browser: Chrome 136

Description:
When the HyperDX SDK is imported and initialized in a React project, the react-resize-panels component stops working—the panels can no longer be resized via dragging.

Steps to Reproduce:

  1. Clone or open this reproduction: https://stackblitz.com/edit/hyperdx-react-reisze-panels-issue?file=src%2FApp.tsx&terminal=dev
  2. Start the project and observe that resizing works when the HyperDX SDK code is commented out.
  3. Uncomment the HyperDX code in App.tsx.
  4. Attempt to resize the panel again. The drag handle does not work.

Expected Behavior:
Panels should remain resizable even with the HyperDX SDK integrated.

Actual Behavior:
When the HyperDX SDK is active, dragging to resize panels no longer works.

Additional Context:

  • No errors are thrown in the console; the user interaction is simply blocked or ignored.
  • This may relate to global event listeners or pointer event interception introduced by the HyperDX SDK.

Reproduction:
See: https://stackblitz.com/edit/hyperdx-react-reisze-panels-issue?file=src%2FApp.tsx&terminal=dev

Possible Solution (if any):
N/A

Request:
Could you investigate if the HyperDX SDK introduces any event listeners or side effects that interfere with react-resize-panels, and suggest a fix or workaround?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions