fbredius/storybook

View on GitHub
examples/cra-kitchen-sink/src/stories/cra-dynamic-import.stories.js

Summary

Maintainability
A
0 mins
Test Coverage
import React from 'react';
import { forceReRender } from '@storybook/react';

let Component;

export default {
  title: 'CRA',
};

export const Story1 = () => {
  if (!Component) {
    import('@storybook/react/demo').then(({ Button }) => {
      Component = Button;
      forceReRender();
    });

    return <div>Waiting for Dynamic Import</div>;
  }

  return <Component>Hello Button</Component>;
};
Story1.storyName = 'Dynamic import';