indexiatech / re-notif

Redux & React based Notifications center.
http://indexiatech.github.io/re-notif
BSD 3-Clause "New" or "Revised" License
148 stars 45 forks source link

not work with redux toolkit? #80

Open adenisovgit opened 4 years ago

adenisovgit commented 4 years ago

Hi. Trying to use it on rtk-based project. reducer and actions connected to store. thunk is default in rtk. rendering

<Provider store={store}>
      <App />
      <Notifs />
    </Provider>

gives a lot of errors:

browser.js:38 Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(Notifs)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(Notifs)".
    at invariant (webpack:///./node_modules/invariant/browser.js?:38:15)
    at new Connect(Notifs) (webpack:///./node_modules/redux-notifications/node_modules/react-redux/lib/components/connect.js?:132:36)
    at constructClassInstance (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:14204:18)
    at updateClassComponent (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:18413:5)
    at beginWork$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:20186:16)
    at HTMLUnknownElement.callCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:336:14)
    at Object.invokeGuardedCallbackDev (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:385:16)
    at invokeGuardedCallback (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:440:31)
    at beginWork$$1 (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:25780:7)
    at performUnitOfWork (webpack:///./node_modules/react-dom/cjs/react-dom.development.js?:24695:12)
invariant @ browser.js:38
Connect(Notifs) @ connect.js:132
constructClassInstance @ react-dom.development.js:14204
updateClassComponent @ react-dom.development.js:18413
beginWork$1 @ react-dom.development.js:20186
callCallback @ react-dom.development.js:336
invokeGuardedCallbackDev @ react-dom.development.js:385
invokeGuardedCallback @ react-dom.development.js:440
beginWork$$1 @ react-dom.development.js:25780
performUnitOfWork @ react-dom.development.js:24695
workLoopSync @ react-dom.development.js:24671
performSyncWorkOnRoot @ react-dom.development.js:24270
scheduleUpdateOnFiber @ react-dom.development.js:23698
updateContainer @ react-dom.development.js:27103
eval @ react-dom.development.js:27528
unbatchedUpdates @ react-dom.development.js:24433
legacyRenderSubtreeIntoContainer @ react-dom.development.js:27527
render @ react-dom.development.js:27608
eval @ index.jsx:64
eval @ index.js:46
./src/index.js @ main.js:20820
__webpack_require__ @ main.js:20
eval @ client:2
0 @ main.js:20867
__webpack_require__ @ main.js:20
(anonymous) @ main.js:84
(anonymous) @ main.js:87
react-dom.development.js:21843 The above error occurred in the <Connect(Notifs)> component:
    in Connect(Notifs)
    in Provider

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.