Hi guys. I am having several issues with the react store.
If I use useStore('key') in multiple components, and dispatch an update for key, it reacts in some components while in others it doesn’t pick the update.
I am also getting a warning in the dev tools saying
react_devtools_backend.js:2557 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
Stack
react_devtools_backend.js:2557 Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
at TeachersClassesOn (webpack://register/./src/components/teachers-classes-on.jsx?:30:76)
at div
at eval (webpack://register/./node_modules/framework7-react/esm/components/page-content.js?:23:25)
at div
at eval (webpack://register/./node_modules/framework7-react/esm/components/page.js?:21:25)
at MainPage
overrideMethod @ react_devtools_backend.js:2557
printWarning @ react-dom.development.js:67
error @ react-dom.development.js:43
warnAboutUpdateOnUnmountedFiberInDEV @ react-dom.development.js:23909
scheduleUpdateOnFiber @ react-dom.development.js:21835
dispatchAction @ react-dom.development.js:16139
eval @ create-store.js:62
eval @ create-store.js:61
runGetterCallbacks @ create-store.js:59
set @ create-store.js:110
_callee2$ @ store.js:191
tryCatch @ runtime.js:63
invoke @ runtime.js:293
eval @ runtime.js:118
asyncGeneratorStep @ asyncToGenerator.js:3
_next @ asyncToGenerator.js:25
Promise.then (async)
asyncGeneratorStep @ asyncToGenerator.js:13
next @ asyncToGenerator.js:25
eval @ asyncToGenerator.js:32
eval @ asyncToGenerator.js:21
updateTeachersCheckins @ store.js:203
eval @ create-store.js:138
store.dispatch @ create-store.js:132
eval @ teachers-classes-on.jsx:40
invokePassiveEffectCreate @ react-dom.development.js:23482
callCallback @ react-dom.development.js:3945
invokeGuardedCallbackDev @ react-dom.development.js:3994
invokeGuardedCallback @ react-dom.development.js:4056
flushPassiveEffectsImpl @ react-dom.development.js:23569
unstable_runWithPriority @ scheduler.development.js:646
runWithPriority$1 @ react-dom.development.js:11276
flushPassiveEffects @ react-dom.development.js:23442
performSyncWorkOnRoot @ react-dom.development.js:22264
eval @ react-dom.development.js:11327
unstable_runWithPriority @ scheduler.development.js:646
runWithPriority$1 @ react-dom.development.js:11276
flushSyncCallbackQueueImpl @ react-dom.development.js:11322
flushSyncCallbackQueue @ react-dom.development.js:11309
scheduleUpdateOnFiber @ react-dom.development.js:21888
dispatchAction @ react-dom.development.js:16139
routerData.current.setPages @ view.js+1_modules:192
pageComponentLoader @ framework7-react.js+139_modules:163
load @ router.js+12_modules:2040
eval @ router.js+12_modules:2234
resolve @ router.js+12_modules:2229
eval @ router.js+12_modules:2334
enterNextRoute @ router.js+12_modules:1249
leaveCurrentRoute @ router.js+12_modules:1263
processRouteQueue @ router.js+12_modules:1267
navigate_navigate @ router.js+_12_modules:2326
handleClicks @ clicks.js:91
eval @ events-class.js:106
eval @ events-class.js:105
emit @ events-class.js:99
emitAppTouchEvent @ touch.js:379
appClick @ touch.js:386
Show 26 more frames
package.json
“dependencies”: {
…
“dom7”: “^3.0.0”,
“framework7”: “^6.0.16”,
“framework7-icons”: “^3.0.1”,
“framework7-react”: “^6.0.16”,
…
}