Unlayer EmailEditor импортирует в приложение React breaks

Question

Я пытаюсь включить Unlayer в свое приложение React следующим образом: https://github.com/unlayer/react-email-editor. Я использую Webpack для этого.

Однако, как только я импортирую EmailEditor в один из моих модулей:

import React from 'react';
import EmailEditor from 'react-email-editor';

Я получаю сообщение об ошибке:

Uncaught TypeError: Object(...) is not a function
    at Object.<anonymous>

мой env:

  "dependencies": {
    "prop-types": "^15.6.0",
    "react": "^16.0.0",
    "react-email-editor": "^0.9.0",
    "react-load-script": "0.0.6",
    "styled-components": "^4.1.2"
  }

Есть идеи, что может быть причиной плохого импорта / экспорта?

Answer 1

Последняя версия styled-component не работает для React версии 16.0.0, поскольку это зависит от нового API контекста.Новый контекстный API был введен в реакции v16.3.0.

. Чтобы устранить эту проблему, попробуйте выполнить одно из следующих действий.

1. Использовать любую версию реакции> = 16.3.0.

2. Использовать более старую версию styled-component, для которой не требуется новый контекст реакцииAPI.Новый контекстный API был введен в styled-component v4.0.0

См. Сломанную версию, использующую реаги v16.0.0.https://codesandbox.io/s/9l25580ppy

См. Рабочую версию, которая использует самую последнюю версию реакции v16.6.3 https://codesandbox.io/s/6lrv8zoj6r

См. Рабочую версию, которая использует более старую версию styled-components v3.4.10 https://codesandbox.io/s/xvo2658j7w