Missing stories & TailwindCSS JIT not triggered

When I start Storybook it starts with some stories but not every story. After some random event, something triggers and the rest of the stories appear and TW kicks in. I have no idea what triggers it. Sometimes it happens right after the regular start, let’s say 1sec after. Sometimes it triggers after I start navigating the storybook, and sometimes it just never happen and I’m stuck.

The event that show up is [vite] new dependencies found: ... , but what makes it trigger sometimes and sometimes not. I mean I don’t randomly add or remove a dependency.

So I don’t know if it’s the vite builder itself or vite, I hope you can help.

Start logs

info @storybook/react v6.3.1
info 
info => Loading presets
info Found existing addon "@storybook/addon-actions", skipping.

info => Using cached manager
Pre-bundling dependencies:
  tslib
  connected-react-router
  react
  react-dom
  react-intl
  (...and 113 more)
(this will be run only when your dependencies or config have changed)
╭───────────────────────────────────────────────────╮
│                                                   │
│   Storybook 6.3.1 started                         │
│   3.76 s for preview                              │
│                                                   │
│    Local:            http://localhost:6006/       │
│    On your network:  http://192.168.1.40:6006/    │
│                                                   │
│   A new version (6.3.6) is available!             │
│                                                   │
│   Upgrade now: npx sb@latest upgrade              │
│                                                   │
│   Read full changelog: https://git.io/fhFYe       │
│                                                   │
╰───────────────────────────────────────────────────╯

After random event

3:13:11 PM [vite] new dependencies found: storybook-addon-intl, updating...
3:13:14 PM [vite] ✨ dependencies updated, reloading page...

warn - You have enabled the JIT engine which is currently in preview.
warn - Preview features are not covered by semver, may introduce breaking changes, and can change at any time.
3:13:18 PM [vite] new dependencies found: @tippyjs/react/headless, updating...
3:13:19 PM [vite] ✨ dependencies updated, reloading page...
3:13:21 PM [vite] new dependencies found: @storybook/addon-actions, updating...
3:13:22 PM [vite] ✨ dependencies updated, reloading page...

[JesusTheHun]

Tailwind requires no setup at all. Just include the Tailwind CSS in the app and you’re good to go. So in my .storybook/preview.js I have import "../src/styles/css/tailwind.css". That’s it

[JesusTheHun]

Nothing fancy

  async viteFinal(config) {
    config.plugins.push(tsconfigPaths(), svgr());
    config.optimizeDeps.include.push(
      'storybook-addon-intl',
      '@storybook/addon-actions',
      '@tippyjs/react/headless'
    );
    return config;
  },