hyperdxio / hyperdxio/hyperdx-js
Using HyperDX SDK breaks react-resize-panels resizing functionality
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:
- Clone or open this reproduction: https://stackblitz.com/edit/hyperdx-react-reisze-panels-issue?file=src%2FApp.tsx&terminal=dev
- Start the project and observe that resizing works when the HyperDX SDK code is commented out.
- Uncomment the HyperDX code in
App.tsx. - 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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