Skip to content

Manager: Add migration note about react 18 #25435

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 3 commits into from
Jan 10, 2024
Merged

Manager: Add migration note about react 18 #25435

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fc113e3
add migration note about react 18 in the manager
ndelangen Jan 3, 2024
b2e4cfb
Apply suggestions from code review
ndelangen Jan 10, 2024
6db4d1d
Merge branch 'next' into norbert/migration-note-react18-manager
ndelangen Jan 10, 2024
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
21 changes: 21 additions & 0 deletions MIGRATION.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<h1>Migration</h1>

- [From version 7.x to 8.0.0](#from-version-7x-to-800)
- [Manager addons are now rendered with React 18](#manager-addons-are-now-rendered-with-react-18)
- [Removal of `storiesOf`-API](#removal-of-storiesof-api)
- [Removed deprecated shim packages](#removed-deprecated-shim-packages)
- [Framework-specific Vite plugins have to be explicitly added](#framework-specific-vite-plugins-have-to-be-explicitly-added)
Expand Down Expand Up @@ -369,6 +370,26 @@

## From version 7.x to 8.0.0

### Manager addons are now rendered with React 18

The UI added to the manager via addons is now rendered with React 18.

Example:
```tsx
import { addons, types } from '@storybook/manager-api';

addons.register('my-addon', () => {
addons.add('my-addon/panel', {
type: types.PANEL,
title: 'My Addon',
// This will be called as a JSX element by react 18
render: ({ active }) => (active ? <div>Hello World</div> : null),
});
});
```

Previously the `key` prop was passed to the render function, that is now no longer the case.

### Removal of `storiesOf`-API

The `storiesOf` API has been removed in Storybook 8.0.
Expand Down