Skip to content
This repository has been archived by the owner on Jan 3, 2023. It is now read-only.

After github deployment, Minified React error #254 in GatsbyJS blog. What should I do? #37

Open
asamountain opened this issue Oct 6, 2018 · 1 comment

Comments

@asamountain
Copy link

Error: Minified React error #254; visit https://reactjs.org/docs/error-decoder.html?invariant=254&args[]=instafeed for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at react-dom.production.min.js:13
    at a (react-dom.production.min.js:14)
    at jo (react-dom.production.min.js:134)
    at react-dom.production.min.js:144
    at qo (react-dom.production.min.js:148)
    at ti (react-dom.production.min.js:163)
    at Ri (react-dom.production.min.js:192)
    at ji (react-dom.production.min.js:193)
    at fa (react-dom.production.min.js:205)
    at sa (react-dom.production.min.js:204)
ai @ react-dom.production.min.js:171
r.function.r.componentDidCatch.n.callback @ react-dom.production.min.js:180
oo @ react-dom.production.min.js:125
ro @ react-dom.production.min.js:125
da @ react-dom.production.min.js:214
fa @ react-dom.production.min.js:205
sa @ react-dom.production.min.js:204
Mi @ react-dom.production.min.js:200
enqueueSetState @ react-dom.production.min.js:130
y.setState @ react.production.min.js:13
(anonymous) @ index.js:104
requestAnimationFrame (async)
(anonymous) @ index.js:102
Promise.then (async)
(anonymous) @ index.js:100
(anonymous) @ history.js:70
navigate @ history.js:69
(anonymous) @ navigation.js:101
Promise.then (async)
C @ navigation.js:91
window.___navigate @ navigation.js:147
g @ index.js:188
onClick @ index.js:164
onClick @ index.js:464
(anonymous) @ react-dom.production.min.js:14
d @ react-dom.production.min.js:15
(anonymous) @ react-dom.production.min.js:15
S @ react-dom.production.min.js:17
C @ react-dom.production.min.js:18
R @ react-dom.production.min.js:18
E @ react-dom.production.min.js:18
L @ react-dom.production.min.js:21
kn @ react-dom.production.min.js:84
ma @ react-dom.production.min.js:216
De @ react-dom.production.min.js:39
Cn @ react-dom.production.min.js:86
ga @ react-dom.production.min.js:216
Pn @ react-dom.production.min.js:85
react-dom.production.min.js:171 Error: Minified React error #254; visit https://reactjs.org/docs/error-decoder.html?invariant=254&args[]=instafeed for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at react-dom.production.min.js:13
    at a (react-dom.production.min.js:14)
    at jo (react-dom.production.min.js:134)
    at react-dom.production.min.js:144
    at qo (react-dom.production.min.js:148)
    at ti (react-dom.production.min.js:163)
    at Ri (react-dom.production.min.js:192)
    at ji (react-dom.production.min.js:193)
    at fa (react-dom.production.min.js:205)
    at sa (react-dom.production.min.js:204)
ai @ react-dom.production.min.js:171
n.callback @ react-dom.production.min.js:179
oo @ react-dom.production.min.js:125
ro @ react-dom.production.min.js:125
da @ react-dom.production.min.js:214
fa @ react-dom.production.min.js:205
sa @ react-dom.production.min.js:204
Mi @ react-dom.production.min.js:200
enqueueSetState @ react-dom.production.min.js:130
y.setState @ react.production.min.js:13
(anonymous) @ index.js:104
requestAnimationFrame (async)
(anonymous) @ index.js:102
Promise.then (async)
(anonymous) @ index.js:100
(anonymous) @ history.js:70
navigate @ history.js:69
(anonymous) @ navigation.js:101
Promise.then (async)
C @ navigation.js:91
window.___navigate @ navigation.js:147
g @ index.js:188
onClick @ index.js:164
onClick @ index.js:464
(anonymous) @ react-dom.production.min.js:14
d @ react-dom.production.min.js:15
(anonymous) @ react-dom.production.min.js:15
S @ react-dom.production.min.js:17
C @ react-dom.production.min.js:18
R @ react-dom.production.min.js:18
E @ react-dom.production.min.js:18
L @ react-dom.production.min.js:21
kn @ react-dom.production.min.js:84
ma @ react-dom.production.min.js:216
De @ react-dom.production.min.js:39
Cn @ react-dom.production.min.js:86
ga @ react-dom.production.min.js:216
Pn @ react-dom.production.min.js:85
react-dom.production.min.js:13 Uncaught Error: Minified React error #254; visit https://reactjs.org/docs/error-decoder.html?invariant=254&args[]=instafeed for the full message or use the non-minified dev environment for full errors and additional helpful warnings. 
    at react-dom.production.min.js:13
    at a (react-dom.production.min.js:14)
    at jo (react-dom.production.min.js:134)
    at react-dom.production.min.js:144
    at qo (react-dom.production.min.js:148)
    at ti (react-dom.production.min.js:163)
    at Ri (react-dom.production.min.js:192)
    at ji (react-dom.production.min.js:193)
    at fa (react-dom.production.min.js:205)
    at sa (react-dom.production.min.js:204)

after deploying on my gitpage, it happens in specific page.
I found to need using the non-minified react but I dont know how to use that or write into my gatsbyjs.

in offline bundle, they aren't coming out! so, insta feeds shows up on the page very well.
However, it's happening when deploys on github page.

Please let me know if someone knows how to deal with this error!

@asamountain
Copy link
Author

asamountain commented Oct 11, 2018

I found it has trouble with the ref in the <instafeed ref='instafeed'/>

so I just tried to remove off all the ref from the tags, then it works!

hope this footage works for somebody.

cheers!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant