Приложение на react + redux + react-dnd после сборки не работает, почему?

Question

[kova1ev]

при запуске тест-скрипта выпадает ошибка

Invariant Violation: Could not find "store" in the context of "Connect(DragD
ropContext(App))". Either wrap the root component in a ,
or pass a custom React context provider to and the
corresponding React context consumer to Connect(DragDropContext(App)) in connect options.

хотя в несобранном проекте все работает. Как я понимаю, возникают какие то проблемы из-за того что корневой компонент обернут в два hoc - один редаксовский, другой dnd.

ReactDOM.render(<DragDropContextProvider backend={HTML5Backend}>
                    <Provider store={store}>
                        <App />
                    </Provider>
                </DragDropContextProvider>, document.getElementById('root'));

пробовал оборачивать сначала в dnd, потом в редакс - не помогло, все тоже самое.

Comments

[Robur]

Можно хоть в 10 hoc завернуть - никаких проблем нет.
не понятно что значит собранный и не собранный проект.
Если у вас ошибка при запуске тестов - копать надо туда
например в первые ссылки с гугла: https://stackoverflow.com/questions/36211739/invar...
https://stackoverflow.com/questions/34976708/react...

ну и далее по списку.

Я бы от балды предположил что в тестах у вас компоненты по отдельности изолированно тестируются и соответственно App никуда в этот момент не заворачивается и ничего не находит.

[miliko mikoyan]

Кажется, вы смешиваете устаревший API декоратора с API верхнего уровня
Legacy Decorator API
С устаревшим декоратором вы можете сделать следующее:

import HTML5Backend from 'react-dnd-html5-backend'
import { DragDropContext } from 'react-dnd'

class YourApp {
  /* ... */
}

export default DragDropContext(HTML5Backend)(YourApp)

API верхнего уровня
Для API верхнего уровня вы используете:

import { DndProvider } from 'react-dnd'
import HTML5Backend from 'react-dnd-html5-backend'
....
...
        <div className="App">
            <DndProvider backend={HTML5Backend}>
                <Example />
            </DndProvider>
        </div>