Uncaught error: Invalid hook call. Works locally but not live!

[claracheong4]

Expected behavior

App starts without an error

Actual behavior

Crashes in the live version

Steps to reproduce

No error locally, error arises only on live site

Suggested solution?

Sadly, no...

What version of React are you using?

"^16.13.1"

What version of react-beautiful-dnd are you running?

"^13.0.0"

What browser are you using?

Google Chrome

Demo

No demo since error cannot be reproduced locally but here's the 2 errors from the console.

react-dom.production.min.js:209 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at N (react.production.min.js:19)
    at t.useState (react.production.min.js:25)
    at X (use-memo-one.esm.js:18)
    at dr (react-beautiful-dnd.esm.js:6951)
    at Ko (react-dom.production.min.js:153)
    at gs (react-dom.production.min.js:261)
    at ul (react-dom.production.min.js:246)
    at sl (react-dom.production.min.js:246)
    at Js (react-dom.production.min.js:239)
    at react-dom.production.min.js:123
es @ react-dom.production.min.js:209
n.callback @ react-dom.production.min.js:226
po @ react-dom.production.min.js:131
os @ react-dom.production.min.js:212
hl @ react-dom.production.min.js:255
t.unstable_runWithPriority @ scheduler.production.min.js:19
Hr @ react-dom.production.min.js:122
dl @ react-dom.production.min.js:248
Js @ react-dom.production.min.js:239
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:19
Hr @ react-dom.production.min.js:122
Xr @ react-dom.production.min.js:123
Yr @ react-dom.production.min.js:122
F @ react-dom.production.min.js:287
qt @ react-dom.production.min.js:68
react.production.min.js:19 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at N (react.production.min.js:19)
    at t.useState (react.production.min.js:25)
    at X (use-memo-one.esm.js:18)
    at dr (react-beautiful-dnd.esm.js:6951)
    at Ko (react-dom.production.min.js:153)
    at gs (react-dom.production.min.js:261)
    at ul (react-dom.production.min.js:246)
    at sl (react-dom.production.min.js:246)
    at Js (react-dom.production.min.js:239)
    at react-dom.production.min.js:123
N @ react.production.min.js:19
t.useState @ react.production.min.js:25
X @ use-memo-one.esm.js:18
dr @ react-beautiful-dnd.esm.js:6951
Ko @ react-dom.production.min.js:153
gs @ react-dom.production.min.js:261
ul @ react-dom.production.min.js:246
sl @ react-dom.production.min.js:246
Js @ react-dom.production.min.js:239
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:19
Hr @ react-dom.production.min.js:122
Xr @ react-dom.production.min.js:123
Yr @ react-dom.production.min.js:122
F @ react-dom.production.min.js:287
qt @ react-dom.production.min.js:68

I followed all the instructions given in https://reactjs.org/warnings/invalid-hook-call-warning.html, but the errors still persist. I would appreciate help as this web app is a school project and it is due on Monday. Thanks in advance.

[claracheong4]

I resolved the issue, it appears that there were 2 installations of react!