HMR double prints with and without a leading /

[taep96]

Astro Info

Astro                    v5.2.5
Node                     v23.7.0
System                   Linux (x64)
Package Manager          bun
Output                   static
Adapter                  none
Integrations             @astrojs/solid-js

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

HMR double prints with and without a leading /, possibly running other things twice?

What's the expected result?

Only printing the update once.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-7i7skwn6?file=src%2Fpages%2Fhello.tsx

Participation

• I am willing to submit a pull request for this issue.

[aalfiann]

I got the same problem,

I just upgrade to version 5.2.3.

Everytime I've updated the code, it's render twice.

The problem is when I use custom-element

class SectionBannerList extends HTMLElement {
    connectedCallback() {
        const name = this.dataset.name;
        if(name) {
            // I have to check if name is not empty, cause its rendering twice.
            // FYI, the first name is not undefined, but the second render is undefined.
        }
    }
}

[TheOtterlord]

Looks like this is caused by Vite running HMR across environments in parallel. An update is caused by the first environment, before the second environment causes a page reload.
https://github.com/vitejs/vite/blob/71227be9aab52c1c5df59afba4539646204eff74/packages/vite/src/node/server/hmr.ts#L617