Из-за чего выходит ошибка «TypeError: Cannot read property 'createContext' of undefined»?

Question

[Kir03]

Хочу попробовать сделать авторизацию через гугл и попробовать использовать TS.
До этого делал имитацию авторизации с сагами и все ок работало. Тогда все компоненты были в jsx.
Сейчас все собирается без ошибок, но в консоли выдает ошибку

Uncaught TypeError: Cannot read property 'createContext' of undefined
    at eval (Context.js:4)
    at Object../node_modules/react-redux/es/components/Context.js (bundle.min.js:497)
    at __webpack_require__ (bundle.min.js:20)
    at eval (Provider.js:7)
    at Object../node_modules/react-redux/es/components/Provider.js (bundle.min.js:509)
    at __webpack_require__ (bundle.min.js:20)
    at eval (index.js:3)
    at Object../node_modules/react-redux/es/index.js (bundle.min.js:665)
    at __webpack_require__ (bundle.min.js:20)
    at eval (index.tsx:5)

Не могу понять почему так.
Ссылка на репозиторий https://github.com/noombasa/testGoogleSignIn

Answer 1

[Антон Спирин]

Попробуйте добавить в лоадер
exclude: /node_modules/
А в tsconfig.json можно добавить:
"allowSyntheticDefaultImports": true,
и использовать нормальный импорт в коде:
import React from 'react';

Проблема, насколько понял, в том, что свойство "allowSyntheticDefaultImports" установленно в значение false, лоадер парсит библиотеки в node_modules, а дефолтные импорты React сделать с текущими настройками не может.

Comments

[Kir03]

Спасибо. помогло. Только если делать обычный импорт, то появится похожая ошибка, только вместо createContext будет Component. Поэтому импорт оставил, а остальное заменил как вы сказали.

[Антон Спирин]

Kir03, попробуйте добавить в tsconfig.json еще вот это:
"moduleResolution": "node",
и попробовать снова.