Open rpoe opened 2 years ago
Symptom The page simply did not work. Analysis revealed this console output.
Uncaught Error: Invariant Violation: You're trying to render a component to the document using server rendering but the checksum was invalid. This usually means you rendered a different component type or props on the client from the one on the server, or your render() methods are impure. React cannot handle this case due to cross-browser quirks by rendering at the document root. You should look for environment dependent code in your components and ensure the props are the same client and server side: (client) <html lang="en" data-react (server) <html data-reactid=".29909 r https://file.pizza/app.js:1 _mountImageIntoNode https://file.pizza/app.js:8 i https://file.pizza/app.js:8 d https://file.pizza/app.js:8 perform https://file.pizza/app.js:10 v https://file.pizza/app.js:8 perform https://file.pizza/app.js:10 batchedUpdates https://file.pizza/app.js:55 i https://file.pizza/app.js:8 _renderNewRootComponent https://file.pizza/app.js:8 i https://file.pizza/app.js:8 render https://file.pizza/app.js:8 i https://file.pizza/app.js:8 FilePizza https://file.pizza/app.js:25 I https://file.pizza/app.js:30 dispatch https://file.pizza/app.js:30 to https://file.pizza/app.js:49 to https://file.pizza/app.js:49 to https://file.pizza/app.js:49 dispatch https://file.pizza/app.js:30 from https://file.pizza/app.js:49 dispatch https://file.pizza/app.js:30 refresh https://file.pizza/app.js:30 run https://file.pizza/app.js:30 r https://file.pizza/app.js:49 FilePizza https://file.pizza/app.js:25
Symptom The page simply did not work. Analysis revealed this console output.
Uncaught Error: Invariant Violation: You're trying to render a component to the document using server rendering but the checksum was invalid. This usually means you rendered a different component type or props on the client from the one on the server, or your render() methods are impure. React cannot handle this case due to cross-browser quirks by rendering at the document root. You should look for environment dependent code in your components and ensure the props are the same client and server side: (client) <html lang="en" data-react (server) <html data-reactid=".29909 r https://file.pizza/app.js:1 _mountImageIntoNode https://file.pizza/app.js:8 i https://file.pizza/app.js:8 d https://file.pizza/app.js:8 perform https://file.pizza/app.js:10 v https://file.pizza/app.js:8 perform https://file.pizza/app.js:10 batchedUpdates https://file.pizza/app.js:55 i https://file.pizza/app.js:8 _renderNewRootComponent https://file.pizza/app.js:8 i https://file.pizza/app.js:8 render https://file.pizza/app.js:8 i https://file.pizza/app.js:8 FilePizza https://file.pizza/app.js:25 I https://file.pizza/app.js:30 dispatch https://file.pizza/app.js:30 to https://file.pizza/app.js:49 to https://file.pizza/app.js:49 to https://file.pizza/app.js:49 dispatch https://file.pizza/app.js:30 from https://file.pizza/app.js:49 dispatch https://file.pizza/app.js:30 refresh https://file.pizza/app.js:30 run https://file.pizza/app.js:30 r https://file.pizza/app.js:49 FilePizza https://file.pizza/app.js:25