GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 16:01:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

add location provider around stories in official storybook, as that's required in react-router

Browse Source
This commit is contained in:
Norbert de Langen 2021-10-22 12:58:21 +02:00
parent 15c2925f49
commit 2adf602df8
No known key found for this signature in database
GPG Key ID: E49F18EF96C393F2
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
examples/official-storybook/package.json
View File

@ -35,6 +35,7 @@
"@storybook/jest": "0.0.0-alpha.5", "@storybook/jest": "0.0.0-alpha.5",
"@storybook/node-logger": "6.4.0-beta.19", "@storybook/node-logger": "6.4.0-beta.19",
"@storybook/react": "6.4.0-beta.19", "@storybook/react": "6.4.0-beta.19",
"@storybook/router": "6.4.0-beta.19",
"@storybook/source-loader": "6.4.0-beta.19", "@storybook/source-loader": "6.4.0-beta.19",
"@storybook/testing-library": "0.0.0-alpha.3", "@storybook/testing-library": "0.0.0-alpha.3",
"@storybook/theming": "6.4.0-beta.19", "@storybook/theming": "6.4.0-beta.19",

6
examples/official-storybook/preview.js
View File

@ -11,6 +11,7 @@ import {
useTheme, useTheme,
} from '@storybook/theming'; } from '@storybook/theming';
import { Symbols } from '@storybook/components'; import { Symbols } from '@storybook/components';
import { LocationProvider } from '@storybook/router';
import addHeadWarning from './head-warning'; import addHeadWarning from './head-warning';
@ -87,6 +88,11 @@ const ThemedSetRoot = () => {
}; };
export const decorators = [ export const decorators = [
(StoryFn) => (
<LocationProvider>
<StoryFn />
</LocationProvider>
),
(StoryFn, { globals, parameters }) => { (StoryFn, { globals, parameters }) => {
const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light'); const theme = globals.theme || parameters.theme || (isChromatic() ? 'stacked' : 'light');