Реакция createPortal ломает истории сборника рассказов - PullRequest
Новая
       12

Реакция createPortal ломает истории сборника рассказов

0 голосов
/ 30 сентября 2019

У меня есть компонент Tooltip, который использует createPortal для позиционирования себя в root_tooltips элементе DOM. Он хорошо работает во всем приложении, но не работает в Storybook.

Однако при попытке написать историю для Storybook я не могу обойти ошибку. Я сузил его до портала, но это противоречиво.

Для истории вроде: 

storiesOf('Tooltip', module).add('Tooltip renders', () => {

  return (<div>
    {
      createPortal(
        <p>YO</p>,
        document.getElementById('root__tooltips') || document.body
      )
    }
  </div>)
})

Сборник рассказов и возвраты: 

TypeError: Cannot read property 'children' of undefined
    at getData (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:3740:33)
    at Node (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:3761:18)
    at renderWithHooks (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:187767:18)
    at mountIndeterminateComponent (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:190001:13)
    at beginWork$1 (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:191145:16)
    at HTMLUnknownElement.callCallback (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:173006:14)
    at Object.invokeGuardedCallbackDev (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:173056:16)
    at invokeGuardedCallback (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:173113:31)
    at beginWork$$1 (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:195876:7)
    at performUnitOfWork (http://localhost:6006/vendors~main.d101792a2f274379b7cf.bundle.js:194870:12)
...