Use Secondary in storybook-root With Examples

breakpointValidationDestructuringAssignmentForOfObjectBindingPatternDefaultValues.ts

Source:breakpointValidationDestructuringAssignmentForOfObjectBindingPatternDefaultValues.ts

1/// <reference path='fourslash.ts' />23////declare var console: {4////    log(msg: any): void;5////}6////interface Robot {7////    name: string;8////    skill: string;9////}10////interface MultiRobot {11////    name: string;12////    skills: {13////        primary: string;14////        secondary: string;15////    };16////}17////let robots: Robot[] = [{ name: "mower", skill: "mowing" }, { name: "trimmer", skill: "trimming" }];18////let multiRobots: MultiRobot[] = [{ name: "mower", skills: { primary: "mowing", secondary: "none" } },19////    { name: "trimmer", skills: { primary: "trimming", secondary: "edging" } }];20////function getRobots() {21////    return robots;22////}23////function getMultiRobots() {24////    return multiRobots;25////}26////let nameA: string, primaryA: string, secondaryA: string, i: number, skillA: string;27////let name: string, primary: string, secondary: string, skill: string;28////for ({name: nameA = "noName" } of robots) {29////    console.log(nameA);30////}31////for ({name: nameA = "noName" } of getRobots()) {32////    console.log(nameA);33////}34////for ({name: nameA = "noName" } of [{ name: "mower", skill: "mowing" }, { name: "trimmer", skill: "trimming" }]) {35////    console.log(nameA);36////}37////for ({ skills: { primary: primaryA = "primary", secondary: secondaryA = "secondary" } =38////    { primary: "nosKill", secondary: "noSkill" } } of multiRobots) {39////    console.log(primaryA);40////}41////for ({ skills: { primary: primaryA = "primary", secondary: secondaryA = "secondary" } =42////    { primary: "nosKill", secondary: "noSkill" } } of getMultiRobots()) {43////    console.log(primaryA);44////}45////for ({ skills: { primary: primaryA = "primary", secondary: secondaryA = "secondary" } =46////    { primary: "nosKill", secondary: "noSkill" } } of47////    <MultiRobot[]>[{ name: "mower", skills: { primary: "mowing", secondary: "none" } },48////        { name: "trimmer", skills: { primary: "trimming", secondary: "edging" } }]) {49////    console.log(primaryA);50////}51////for ({ name = "noName" } of robots) {52////    console.log(nameA);53////}54////for ({ name = "noName" } of getRobots()) {55////    console.log(nameA);56////}57////for ({ name = "noName" } of [{ name: "mower", skill: "mowing" }, { name: "trimmer", skill: "trimming" }]) {58////    console.log(nameA);59////}60////for ({61////    skills: {62////        primary = "primary",63////        secondary = "secondary"64////    } = { primary: "noSkill", secondary: "noSkill" }65////} of multiRobots) {66////    console.log(primaryA);67////}68////for ({69////    skills: {70////        primary = "primary",71////        secondary = "secondary"72////    } = { primary: "noSkill", secondary: "noSkill" }73////} of getMultiRobots()) {74////    console.log(primaryA);75////}76////for ({77////    skills: {78////        primary = "primary",79////        secondary = "secondary"80////    } = { primary: "noSkill", secondary: "noSkill" }81////} of [{ name: "mower", skills: { primary: "mowing", secondary: "none" } },82////    { name: "trimmer", skills: { primary: "trimming", secondary: "edging" } }]) {83////    console.log(primaryA);84////}85////for ({name: nameA = "noName", skill: skillA = "noSkill" } of robots) {86////    console.log(nameA);87////}88////for ({name: nameA = "noName", skill: skillA = "noSkill"  } of getRobots()) {89////    console.log(nameA);90////}91////for ({name: nameA = "noName", skill: skillA = "noSkill"  } of [{ name: "mower", skill: "mowing" }, { name: "trimmer", skill: "trimming" }]) {92////    console.log(nameA);93////}94////for ({95////    name: nameA = "noName",96////    skills: {97////        primary: primaryA = "primary",98////        secondary: secondaryA = "secondary"99////    } = { primary: "noSkill", secondary: "noSkill" }100////} of multiRobots) {101////    console.log(nameA);102////}103////for ({104////    name: nameA = "noName",105////    skills: {106////        primary: primaryA = "primary",107////        secondary: secondaryA = "secondary"108////    } = { primary: "noSkill", secondary: "noSkill" }109////} of getMultiRobots()) {110////    console.log(nameA);111////}112////for ({113////    name: nameA = "noName",114////    skills: {115////        primary: primaryA = "primary",116////        secondary: secondaryA = "secondary"117////    } = { primary: "noSkill", secondary: "noSkill" }118////} of <MultiRobot[]>[{ name: "mower", skills: { primary: "mowing", secondary: "none" } },119////    { name: "trimmer", skills: { primary: "trimming", secondary: "edging" } }]) {120////    console.log(nameA);121////}122////for ({ name = "noName", skill  = "noSkill" } of robots) {123////    console.log(nameA);124////}125////for ({ name = "noName", skill = "noSkill"  } of getRobots()) {126////    console.log(nameA);127////}128////for ({ name = "noName", skill  = "noSkill" } of [{ name: "mower", skill: "mowing" }, { name: "trimmer", skill: "trimming" }]) {129////    console.log(nameA);130////}131////for ({132////    name = "noName",133////    skills: {134////        primary = "primary",135////        secondary = "secondary"136////    } = { primary: "noSkill", secondary: "noSkill" }137////} of multiRobots) {138////    console.log(nameA);139////}140////for ({141////    name = "noName",142////    skills: {143////        primary = "primary",144////        secondary = "secondary"145////    } = { primary: "noSkill", secondary: "noSkill" }146////} of getMultiRobots()) {147////    console.log(nameA);148////}149////for ({150////    name = "noName",151////    skills: {152////        primary = "primary",153////        secondary = "secondary"154////    } = { primary: "noSkill", secondary: "noSkill" }155////} of [{ name: "mower", skills: { primary: "mowing", secondary: "none" } },156////    { name: "trimmer", skills: { primary: "trimming", secondary: "edging" } }]) {157////    console.log(nameA);158////}
...

breakpointValidationDestructuringAssignmentForObjectBindingPatternDefaultValues.ts

Source:breakpointValidationDestructuringAssignmentForObjectBindingPatternDefaultValues.ts

1/// <reference path='fourslash.ts' />2////declare var console: {3////    log(msg: any): void;4////}5////interface Robot {6////    name: string;7////    skill: string;8////}9////interface MultiRobot {10////    name: string;11////    skills: {12////        primary?: string;13////        secondary?: string;14////    };15////}16////let robot: Robot = { name: "mower", skill: "mowing" };17////let multiRobot: MultiRobot = { name: "mower", skills: { primary: "mowing", secondary: "none" } };18////function getRobot() {19////    return robot;20////}21////function getMultiRobot() {22////    return multiRobot;23////}24////let nameA: string, primaryA: string, secondaryA: string, i: number, skillA: string;25////let name: string, primary: string, secondary: string, skill: string;26////for ({name: nameA = "noName" } = robot, i = 0; i < 1; i++) {27////    console.log(nameA);28////}29////for ({name: nameA = "noName" } = getRobot(), i = 0; i < 1; i++) {30////    console.log(nameA);31////}32////for ({name: nameA = "noName" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {33////    console.log(nameA);34////}35////for ({36////    skills: {37////        primary: primaryA = "primary",38////        secondary: secondaryA = "secondary"39////    } = { primary: "none", secondary: "none" }40////} = multiRobot, i = 0; i < 1; i++) {41////    console.log(primaryA);42////}43////for ({44////    skills: {45////        primary: primaryA = "primary",46////        secondary: secondaryA = "secondary"47////    } = { primary: "none", secondary: "none" }48////} = getMultiRobot(), i = 0; i < 1; i++) {49////    console.log(primaryA);50////}51////for ({52////    skills: {53////        primary: primaryA = "primary",54////        secondary: secondaryA = "secondary"55////    } = { primary: "none", secondary: "none" }56////} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },57////    i = 0; i < 1; i++) {58////    console.log(primaryA);59////}60////for ({ name = "noName" } = robot, i = 0; i < 1; i++) {61////    console.log(nameA);62////}63////for ({ name = "noName" } = getRobot(), i = 0; i < 1; i++) {64////    console.log(nameA);65////}66////for ({ name = "noName" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {67////    console.log(nameA);68////}69////for ({70////    skills: {71////        primary = "primary",72////        secondary = "secondary"73////    } = { primary: "none", secondary: "none" }74////} = multiRobot, i = 0; i < 1; i++) {75////    console.log(primaryA);76////}77////for ({78////    skills: {79////        primary = "primary",80////        secondary = "secondary"81////    } = { primary: "none", secondary: "none" }82////} = getMultiRobot(), i = 0; i < 1; i++) {83////    console.log(primaryA);84////}85////for ({86////    skills: {87////        primary = "primary",88////        secondary = "secondary"89////    } = { primary: "none", secondary: "none" }90////} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },91////    i = 0; i < 1; i++) {92////    console.log(primaryA);93////}94////for ({name: nameA = "noName", skill: skillA = "skill" } = robot, i = 0; i < 1; i++) {95////    console.log(nameA);96////}97////for ({name: nameA = "noName", skill: skillA = "skill" } = getRobot(), i = 0; i < 1; i++) {98////    console.log(nameA);99////}100////for ({name: nameA = "noName", skill: skillA = "skill" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {101////    console.log(nameA);102////}103////for ({104////    name: nameA = "noName",105////    skills: {106////        primary: primaryA = "primary",107////        secondary: secondaryA = "secondary"108////    } = { primary: "none", secondary: "none" }109////} = multiRobot, i = 0; i < 1; i++) {110////    console.log(primaryA);111////}112////for ({113////    name: nameA = "noName",114////    skills: {115////        primary: primaryA = "primary",116////        secondary: secondaryA = "secondary"117////    } = { primary: "none", secondary: "none" }118////} = getMultiRobot(), i = 0; i < 1; i++) {119////    console.log(primaryA);120////}121////for ({122////    name: nameA = "noName",123////    skills: {124////        primary: primaryA = "primary",125////        secondary: secondaryA = "secondary"126////    } = { primary: "none", secondary: "none" }127////} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },128////    i = 0; i < 1; i++) {129////    console.log(primaryA);130////}131////for ({ name = "noName", skill = "skill" } = robot, i = 0; i < 1; i++) {132////    console.log(nameA);133////}134////for ({ name = "noName", skill = "skill" } = getRobot(), i = 0; i < 1; i++) {135////    console.log(nameA);136////}137////for ({ name = "noName", skill = "skill" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {138////    console.log(nameA);139////}140////for ({141////    name = "noName",142////    skills: {143////        primary = "primary",144////        secondary = "secondary"145////    } = { primary: "none", secondary: "none" }146////} = multiRobot, i = 0; i < 1; i++) {147////    console.log(primaryA);148////}149////for ({150////    name = "noName",151////    skills: {152////        primary = "primary",153////        secondary = "secondary"154////    } = { primary: "none", secondary: "none" }155////} = getMultiRobot(), i = 0; i < 1; i++) {156////    console.log(primaryA);157////}158////for ({159////    name = "noName",160////    skills: {161////        primary = "primary",162////        secondary = "secondary"163////    } = { primary: "none", secondary: "none" }164////} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },165////    i = 0; i < 1; i++) {166////    console.log(primaryA);167////}
...

sourceMapValidationDestructuringForObjectBindingPatternDefaultValues2.ts

Source:sourceMapValidationDestructuringForObjectBindingPatternDefaultValues2.ts

1// @lib: es52// @sourcemap: true3declare var console: {4    log(msg: any): void;5}6interface Robot {7    name: string;8    skill: string;9}1011interface MultiRobot {12    name: string;13    skills: {14        primary?: string;15        secondary?: string;16    };17}1819let robot: Robot = { name: "mower", skill: "mowing" };20let multiRobot: MultiRobot = { name: "mower", skills: { primary: "mowing", secondary: "none" } };21function getRobot() {22    return robot;23}24function getMultiRobot() {25    return multiRobot;26}2728let nameA: string, primaryA: string, secondaryA: string, i: number, skillA: string;29let name: string, primary: string, secondary: string, skill: string;3031for ({name: nameA = "noName" } = robot, i = 0; i < 1; i++) {32    console.log(nameA);33}34for ({name: nameA = "noName" } = getRobot(), i = 0; i < 1; i++) {35    console.log(nameA);36}37for ({name: nameA = "noName" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {38    console.log(nameA);39}40for ({41    skills: {42        primary: primaryA = "primary",43        secondary: secondaryA = "secondary"44    } = { primary: "none", secondary: "none" }45} = multiRobot, i = 0; i < 1; i++) {46    console.log(primaryA);47}48for ({49    skills: {50        primary: primaryA = "primary",51        secondary: secondaryA = "secondary"52    } = { primary: "none", secondary: "none" }53} = getMultiRobot(), i = 0; i < 1; i++) {54    console.log(primaryA);55}56for ({57    skills: {58        primary: primaryA = "primary",59        secondary: secondaryA = "secondary"60    } = { primary: "none", secondary: "none" }61} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },62    i = 0; i < 1; i++) {63    console.log(primaryA);64}6566for ({ name = "noName" } = robot, i = 0; i < 1; i++) {67    console.log(nameA);68}69for ({ name = "noName" } = getRobot(), i = 0; i < 1; i++) {70    console.log(nameA);71}72for ({ name = "noName" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {73    console.log(nameA);74}75for ({76    skills: {77        primary = "primary",78        secondary = "secondary"79    } = { primary: "none", secondary: "none" }80} = multiRobot, i = 0; i < 1; i++) {81    console.log(primaryA);82}83for ({84    skills: {85        primary = "primary",86        secondary = "secondary"87    } = { primary: "none", secondary: "none" }88} = getMultiRobot(), i = 0; i < 1; i++) {89    console.log(primaryA);90}91for ({92    skills: {93        primary = "primary",94        secondary = "secondary"95    } = { primary: "none", secondary: "none" }96} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },97    i = 0; i < 1; i++) {98    console.log(primaryA);99}100101102for ({name: nameA = "noName", skill: skillA = "skill" } = robot, i = 0; i < 1; i++) {103    console.log(nameA);104}105for ({name: nameA = "noName", skill: skillA = "skill" } = getRobot(), i = 0; i < 1; i++) {106    console.log(nameA);107}108for ({name: nameA = "noName", skill: skillA = "skill" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {109    console.log(nameA);110}111for ({112    name: nameA = "noName",113    skills: {114        primary: primaryA = "primary",115        secondary: secondaryA = "secondary"116    } = { primary: "none", secondary: "none" }117} = multiRobot, i = 0; i < 1; i++) {118    console.log(primaryA);119}120for ({121    name: nameA = "noName",122    skills: {123        primary: primaryA = "primary",124        secondary: secondaryA = "secondary"125    } = { primary: "none", secondary: "none" }126} = getMultiRobot(), i = 0; i < 1; i++) {127    console.log(primaryA);128}129for ({130    name: nameA = "noName",131    skills: {132        primary: primaryA = "primary",133        secondary: secondaryA = "secondary"134    } = { primary: "none", secondary: "none" }135} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },136    i = 0; i < 1; i++) {137    console.log(primaryA);138}139140for ({ name = "noName", skill = "skill" } = robot, i = 0; i < 1; i++) {141    console.log(nameA);142}143for ({ name = "noName", skill = "skill" } = getRobot(), i = 0; i < 1; i++) {144    console.log(nameA);145}146for ({ name = "noName", skill = "skill" } = <Robot>{ name: "trimmer", skill: "trimming" }, i = 0; i < 1; i++) {147    console.log(nameA);148}149for ({150    name = "noName",151    skills: {152        primary = "primary",153        secondary = "secondary"154    } = { primary: "none", secondary: "none" }155} = multiRobot, i = 0; i < 1; i++) {156    console.log(primaryA);157}158for ({159    name = "noName",160    skills: {161        primary = "primary",162        secondary = "secondary"163    } = { primary: "none", secondary: "none" }164} = getMultiRobot(), i = 0; i < 1; i++) {165    console.log(primaryA);166}167for ({168    name = "noName",169    skills: {170        primary = "primary",171        secondary = "secondary"172    } = { primary: "none", secondary: "none" }173} = <MultiRobot>{ name: "trimmer", skills: { primary: "trimming", secondary: "edging" } },174    i = 0; i < 1; i++) {175    console.log(primaryA);
...

Using AI Code Generation

1import React from 'react';2import { storiesOf } from '@storybook/react';3import { action } from '@storybook/addon-actions';4import { linkTo } from '@storybook/addon-links';5import { Button, Welcome } from '@storybook/react/demo';6storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);7storiesOf('Button', module)8  .add('with text', () => (9    <Button onClick={action('clicked')}>Hello Button</Button>10  .add('with some emoji', () => (11    <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>12  ));13import React from 'react';14import { storiesOf } from '@storybook/react';15import { action } from '@storybook/addon-actions';16import { linkTo } from '@storybook/addon-links';17import { Button, Welcome } from '@storybook/react/demo';18storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);19storiesOf('Button', module)20  .add('with text', () => (21    <Button onClick={action('clicked')}>Hello Button</Button>22  .add('with some emoji', () => (23    <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>24  ));25import React from 'react';26import { storiesOf } from '@storybook/react';27import { action } from '@storybook/addon-actions';28import { linkTo } from '@storybook/addon-links';29import { Button, Welcome } from '@storybook/react/demo';30storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);31storiesOf('Button', module)32  .add('with text', () => (33    <Button onClick={action('clicked')}>Hello Button</Button>34  .add('with some emoji', () => (35    <Button onClick={action('clicked')}>😀 😎 👍 💯</Button>36  ));37import React from 'react';38import { storiesOf } from '@storybook/react';39import { action } from '@storybook/add

Using AI Code Generation

1import { AppRegistry } from 'react-native';2import App from './App';3import { name as appName } from './app.json';4import { getStorybookUI, configure } from '@storybook/react-native';5import { loadStories } from './storyLoader';6configure(() => {7  loadStories();8}, module);9const StorybookUIRoot = getStorybookUI({ port: 7007, host: 'localhost' });10AppRegistry.registerComponent(appName, () => StorybookUIRoot);11import { configure } from '@storybook/react-native';12import { loadStories } from './storyLoader';13configure(() => {14  require('./stories');15}, module);16{17}18import { AppRegistry } from 'react-native';19import App from './App';20import { name as appName } from './app.json';21import { getStorybookUI, configure } from '@storybook/react-native';22import { loadStories } from './storyLoader';23configure(() => {24  loadStories();25}, module);26const StorybookUIRoot = getStorybookUI({ port: 7007, host: 'localhost' });27AppRegistry.registerComponent(appName, () => StorybookUIRoot);28import { AppRegistry } from 'react-native';29import App from './App';30import { name as appName } from './app.json';31import { getStorybookUI, configure } from '@storybook/react-native';32import { loadStories } from './storyLoader';33configure(() => {34  loadStories();35}, module);36const StorybookUIRoot = getStorybookUI({ port: 7007, host: 'localhost' });37AppRegistry.registerComponent(appName, () => StorybookUIRoot);38import { configure } from '@storybook/react-native';39import { loadStories } from './storyLoader';40configure(() => {41  require('./stories');42}, module);

Using AI Code Generation

1import { withKnobs, text, boolean, number } from '@storybook/addon-knobs';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4import { withA11y } from '@storybook/addon-a11y';5import { withReadme } from 'storybook-readme';6import { withDocs } from 'storybook-readme';7import { withNotes } from '@storybook/addon-notes';8import { withViewport } from '@storybook/addon-viewport';9import { withOptions } from '@storybook/addon-options';10import { addDecorator, addParameters, configure } from '@storybook/react';11import { configureViewport } from '@storybook/addon-viewport';12import { setDefaults } from '@storybook/addon-info';13import { setOptions } from '@storybook/addon-options';14import { setDefaults as setA11yDefaults } from '@storybook/addon-a11y';15import { setDefaults as setKnobsDefaults } from '@storybook/addon-knobs';16import { setOptions as setReadmeOptions } from 'storybook-readme';17import { setOptions as setDocsOptions } from 'storybook-readme';18import { setOptions as setNotesOptions } from '@storybook/addon-notes';19import { setOptions as setViewportOptions } from '@storybook/addon-viewport';20import { setOptions as setOptionsOptions } from '@storybook/addon-options';21import * as addonInfo from '@storybook/addon-info';22import * as addonA11y from '@storybook/addon-a11y';23import * as addonNotes from '@storybook/addon-notes';24import * as addonViewport from '@storybook/addon-viewport';25import * as addonOptions from '@storybook/addon-options';26import * as addonKnobs from '@storybook/addon-knobs';27import * as addonReadme from 'storybook-readme';28import * as addonInfo from '@storybook/addon-info';29import * as addonA11y from '@storybook/addon-a11y';30import * as addonNotes from '@storybook/addon-notes';31import * as addonViewport from '@storybook/addon-viewport';32import * as addonOptions from '@storybook/addon-options';33import * as addonKnobs from '@storybook/addon-knobs';34import * as addonReadme from 'storybook-readme';

Using AI Code Generation

1import { withRoot } from 'storybook-root';2import { storiesOf } from '@storybook/react';3import { withInfo } from '@storybook/addon-info';4import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';5storiesOf('Button', module)6  .addDecorator(withRoot)7  .addDecorator(withKnobs)8  .add('with text', withInfo('some info')(() => {9    const label = text('Label', 'Hello Storybook');10    const color = select('Color', ['red', 'green', 'blue'], 'red');11    const disabled = boolean('Disabled', false);12    return <Button label={label} color={color} disabled={disabled} />;13  }));14### Example 3: Using the `withRoot` decorator with the `withInfo` decorator (Primary method)15import { storiesOf } from '@storybook/react';16import { withInfo } from '@storybook/addon-info';17import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';18import withRoot from 'storybook-root';19storiesOf('Button', module)20  .addDecorator(withRoot)21  .addDecorator(withKnobs)22  .add('with text', withInfo('some info')(() => {23    const label = text('Label', 'Hello Storybook');24    const color = select('Color', ['red', 'green', 'blue'], 'red');25    const disabled = boolean('Disabled', false);26    return <Button label={label} color={color} disabled={disabled} />;27  }));28### Example 4: Using the `withRoot` decorator with the `withInfo` decorator (Primary method) with options29import { storiesOf } from '@storybook/react';30import { withInfo } from '@storybook/addon-info';31import { withKnobs, text, select, boolean } from '@storybook/addon-knobs';32import withRoot from 'storybook-root';33storiesOf('Button', module)34  .addDecorator(withRoot({ theme: 'dark' }))35  .addDecorator(withKnobs)36  .add('with text', withInfo('some info')(() => {37    const label = text('Label

Using AI Code Generation

1import { configure } from '@storybook/react';2import { loadStories } from '@storybook/react/storybook-root';3configure(loadStories, module);4import { configure } from '@storybook/react';5import { loadStories } from '@storybook/react/storybook-root';6configure(loadStories, module);7import { configure } from '@storybook/react';8import { loadStories } from '@storybook/react/storybook-root';9configure(loadStories, module);10import { configure } from '@storybook/react';11import { loadStories } from '@storybook/react/storybook-root';12configure(loadStories, module);13import { configure } from '@storybook/react';14import { loadStories } from '@storybook/react/storybook-root';15configure(loadStories, module);