Skip to content

Automigration: Move RN on-device addons to deviceAddons #34659

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ndelangen merged 8 commits into from
May 4, 2026
+553 −0
Merged

Automigration: Move RN on-device addons to deviceAddons #34659

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
48bfaa9
feat(cli): add automigration to move RN on-device addons to `deviceAd…
ndelangen Apr 30, 2026
a82cc51
refactor(migration): clarify RN on-device addons migration details
ndelangen Apr 30, 2026
0ff17cf
fix: cast cfg to access deviceAddons without touching StorybookConfigRaw
Copilot Apr 30, 2026
626dfcb
fix(test): avoid infinite recursion in findConfigFile mock fallback
Copilot Apr 30, 2026
9e36429
Merge branch 'next' into norbert/m8-device-addons-automigration
ndelangen Apr 30, 2026
94c62f4
Discard changes to docs/configure/integration/eslint-plugin.mdx
ndelangen Apr 30, 2026
c73c8e9
fix(test): update findConfigFile mock to return null
ndelangen Apr 30, 2026
59fd75c
fix: cast node to any for deviceAddons field assignment
ndelangen Apr 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions MIGRATION.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
<h1>Migration</h1>

- [From version 10.3.0 to 10.4.0](#from-version-1030-to-1040)
- [React Native: on-device addons moved to `deviceAddons`](#react-native-on-device-addons-moved-to-deviceaddons)
- [From version 10.0.0 to 10.1.0](#from-version-1000-to-1010)
- [API and Component Changes](#api-and-component-changes)
- [Button Component API Changes](#button-component-api-changes)
Expand Down Expand Up @@ -520,6 +522,36 @@
- [Packages renaming](#packages-renaming)
- [Deprecated embedded addons](#deprecated-embedded-addons)

## From version 10.3.0 to 10.4.0
Comment thread
ndelangen marked this conversation as resolved.

### React Native: on-device addons moved to `deviceAddons`

In Storybook 10.4, the React Native on-device Storybook config (`.rnstorybook/main.ts`) uses a dedicated `deviceAddons` key. All entries that used to live under `addons` in your React Native config must now be listed under `deviceAddons` instead.

Listing them under `addons` caused `storybook extract` to fail because Storybook Core evaluates every entry in `addons` as a Node.js preset, which on-device addons are not.

The automigration (`rn-ondevice-addons-to-device-addons`) handles this automatically by renaming the `addons` key to `deviceAddons`. It only acts on React Native main configs (detected by the `.rnstorybook` directory name or by a `framework` field of `@storybook/react-native`), and leaves any paired web `.storybook/main.ts` untouched.

You can also migrate manually:

```ts
// Before (.rnstorybook/main.ts)
export default {
addons: [
'@storybook/addon-ondevice-controls',
'@storybook/addon-ondevice-actions',
],
};

// After (.rnstorybook/main.ts)
export default {
deviceAddons: [
'@storybook/addon-ondevice-controls',
'@storybook/addon-ondevice-actions',
],
};
```

## From version 10.0.0 to 10.1.0

### API and Component Changes
Expand Down
2 changes: 2 additions & 0 deletions code/lib/cli-storybook/src/automigrate/fixes/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import { removeAddonInteractions } from './remove-addon-interactions.ts';
import { removeDocsAutodocs } from './remove-docs-autodocs.ts';
import { removeEssentials } from './remove-essentials.ts';
import { rendererToFramework } from './renderer-to-framework.ts';
import { rnOndeviceAddonsToDeviceAddons } from './rn-ondevice-addons-to-device-addons.ts';
import { rnstorybookConfig } from './rnstorybook-config.ts';
import { storybookPackageNameConflict } from './storybook-package-name-conflict.ts';
import { upgradeStorybookRelatedDependencies } from './upgrade-storybook-related-dependencies.ts';
Expand All @@ -34,6 +35,7 @@ export const allFixes: Fix[] = [
consolidatedImports,
addonExperimentalTest,
rnstorybookConfig,
rnOndeviceAddonsToDeviceAddons,
migrateAddonConsole,
nextjsToNextjsVite,
removeAddonInteractions,
Expand Down
Loading
Loading