[Configuration] Vite HMR hardcodes host and port — breaks in certain network configurations

Open Beginner friendly
#140 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Tech stack
typescript, vite

Research direction

Start with vite.config.ts and inspect the hardcoded HMR host and port values. Reproduce development HMR with a non-localhost network setup or behind a proxy, then verify that the configuration works without assuming those fixed values. Done means HMR works across the network configurations described in the issue.

Written by the indexing model from the issue text.

Description

Description

The vite.config.ts file hardcodes HMR host and port values, which breaks hot module reloading in development when the network configuration is different from localhost or when behind a proxy.

Expected Behavior

HMR configuration should be flexible and work with different network setups.

Root Cause

Hardcoded HMR values don't account for all development environments.

Checklist
  • I have searched existing issues and confirmed this is not a duplicate
  • I have read the Contributing.md guidelines
  • I have provided clear steps to reproduce the issue
  • I have described expected vs. actual behavior clearly
  • This issue title is clear and specific
  • This repository has been verified as NSOC on https://www.nsoc.in/projects

@NexGenStudioDev Could you please /assign this issue to me? I would like to make Vite HMR configuration more flexible under NSOC '26.

/assign

Dominant language
TypeScript
Stars
7
Forks
17
PR merge metrics
No merged PRs in 30d

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.

More from NexGenStudioDev/CommDesk

All issues in NexGenStudioDev/CommDesk

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.