hyperdxio / hyperdxio/hyperdx-js

Using HyperDX SDK breaks react-resize-panels resizing functionality

Open
#185 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
25
Forks
30
Avg merge
4h 26m
Merged PRs (30d)
6

Description

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?

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked StackBlitz reproduction and compare App.tsx with the HyperDX SDK code commented and uncommented. Inspect the SDK's event listeners and side effects for interference with the resize interaction. Done means the panels can be resized by dragging while the SDK is active, with no console errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.