Storybook behind Proxy: Reload Loop in GitHub Codespaces

[LarsHadidi]

Summary

Storybook on SvelteKit in GitHub CodeSpace:

• Reload Loop due to failing WSS connection to a GitHub Codespace
  Looks like [Bug]: Hardcoded host for server channel url prevents usage of custom host #20068 that is supposed to be resolved

Additional information

• npm create svelte@latest → create-svelte version 6.0.8
• npx storybook init→ storybook@7.6.15
• npm run storybook → running storybook dev -p 6006 --quiet

INFINITE LOOP

Create a reproduction

No response

[MrSquaare]

Still a problem with Storybook 8.1.2

[jarda-svoboda]

Try this setting (if you are using Vite builder) in your .storybook/main.js (or .ts).

{
  //...

  async viteFinal(config) {
    // Merge custom configuration into the default config
    const { mergeConfig } = await import('vite');

    return mergeConfig(config, {
      server: {
        hmr: {
          clientPort: process.env.CODESPACES ? 443 : undefined, // <== this is the magic
        }
      }
    });
  },
}

Related issues: vitejs/vite#5195

[oldbig]

Hi @jarda-svoboda
You saved me, thank you!