[Bug]: initialGlobals.viewport not applied when using INITIAL_VIEWPORTS + custom options (react-native-web-vite)

[cosmin-jescu-aily]

Describe the bug

When using Storybook for React Native Web with Vite, initialGlobals.viewport is only applied if the value matches a key from the minimal built-in viewports (mobile1, mobile2, tablet, desktop). If I use a key from INITIAL_VIEWPORTS or from my custom viewports, no viewport is selected.

Screen.Recording.2026-02-13.at.16.22.29.mov

Reproduction link

https://stackblitz.com/edit/github-wgyiqhmr-bjv33gcv?file=.storybook%2Fpreview.js

Reproduction steps

Start Storybook for React Native Web Vite.
Load a story.
Observe the viewport toolbar.

System

│  System:
│  OS: macOS 26.2
│  CPU: (8) arm64 Apple M3
│  Shell: 5.9 - /bin/zsh
│  Binaries:
│  Node: 22.22.0 - /Users/cosmin.jescu/.nvm/versions/node/v22.22.0/bin/node
│  npm: 10.9.4 - /Users/cosmin.jescu/.nvm/versions/node/v22.22.0/bin/npm <-----
│  active
│  pnpm: 9.4.0 - /opt/homebrew/bin/pnpm
│  Browsers:
│  Chrome: 123.0.6312.87
│  Safari: 26.2

Additional context

No response

[dosubot]

Hi @cosmin-jescu-aily! I'm Dosu and I’m helping the storybook team.

This was a bug in Storybook: if parameters.viewport.options (like INITIAL_VIEWPORTS or custom viewports) weren’t loaded yet, initialGlobals.viewport would be reset and not applied. This is fixed in PR #33794, merged on 2026-02-09. Please make sure you’re using a Storybook version that includes this fix—upgrade to the latest 9.x or newer and retest your config.

Your config should look like:

import { INITIAL_VIEWPORTS } from "storybook/viewport";

export default {
  parameters: {
    viewport: {
      options: INITIAL_VIEWPORTS,
    },
  },
  initialGlobals: {
    viewport: {
      value: "iphone14", // or any key from your options
      isRotated: false,
    },
  },
};

citation

If you’re on Storybook 10.2.x or later and still see issues, there’s a regression where localStorage/sessionStorage can override the initial viewport. Workarounds: define your viewports inline instead of importing INITIAL_VIEWPORTS, clear browser storage, or use a custom manager addon to enforce the initial viewport on load citation.

If you’re still having trouble, please share your Storybook version and your preview config for more targeted help.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}