Questions tagged [react-ssr]
55 questions
2
votes
0 answers
React gives warning (Did not expect server HTML to contain a in ) when using React.Suspense
I am building a react app with the SSR feature and I am using React.Suspense for code-splitting on the client-side and I am getting this warning.
Warning: Did not expect server HTML to contain a in
I have my App.js file on the…
user8989
- 580
- 2
- 6
- 21
2
votes
0 answers
Need to 'gatsby clean' with essentially every code change
So, our team are working on a Gatsby website, and it's working correctly for most of us.
One developer, however, needs to run gatsby clean on essentially every single code change.
Doesn't matter if it's an error, changing a text value or adding…
MitchEff
- 1,417
- 14
- 29
2
votes
1 answer
DOM Attributes do not update in Gatsby
I am having a weird issue on the static file after run gatsby build.
DOM's attributes (like className) could not be updated by listening to the prop change, but not the case of DOM's content, like text or DOM's children.
Only happening after…
Max Ma
- 1,060
- 9
- 15
2
votes
1 answer
load server data on redux initial state on SSR app
I have created a website which is React+Redux Serverside Render app, for loading server data I am dispatching an action on componentWillMount but it is an asynchronous request which loading data from AWS and it takes 2-3 seconds to respond…
Amit Shakya
- 962
- 3
- 16
- 30
2
votes
0 answers
How to deploy app with firebase hosting without a index.html?
I don't have a index.html file, the app is React SSR, which built with just an index.js entry file. To start the server I do node index.js.
How do I deploy the app in firebase?
Subhendu Kundu
- 3,618
- 6
- 26
- 57
2
votes
0 answers
React SSR document is not defined
I'm nearly done updating an old React (v15.2x) with SSR (RRv2.3) and webpack 1x code base for a movie app. I've updated nearly everything to current stuff (except for RRv3.2x).
I'm getting this error
Warning: Failed prop type: The prop…
user3125823
- 1,846
- 2
- 18
- 46
2
votes
0 answers
$.extend is not a function with React SSR
I am facing an issue in react SSR.
Added two plugins which are as under
import 'fullcalendar';
import 'fullcalendar-scheduler';
FullCalander throwing an error in terminal which is stated…
Kailash Chandra
- 155
- 1
- 3
- 12
1
vote
1 answer
SSR in React18 using renderToPipableStream - Server Generated HTML and Client Side HTML file UI are not matching
I was trying to make Server Side Rendering using Node,Express and React18 feature. The method I used was with renderToPipeableStream and not with renderToString.
Link for the CODE -
GITHUB :…
user9151444
- 31
- 1
- 9
1
vote
0 answers
Is seeing console.log on client expected for SSR? (Next JS)
I've created a simple page to test SSR implementation. There is one thing I couldn't be sure. If you could help to understand would be great!
const EmptyPage = () => {
console.log("rendered !!!");
return (
…
atasoyh
- 3,045
- 6
- 31
- 57
1
vote
0 answers
React SSR with redux and webpack Gtmetrix score not increases after optimization
Below is the webpack production file
const webpack = require("webpack");
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CompressionPlugin = require("compression-webpack-plugin");
const…
Sushant Jadhav
- 106
- 8
1
vote
1 answer
Next Js dynamic i18n subfolder
I am currently working with a headless WordPress site in Next.js. I struggle a bit with the routing for internationalization.
I have 2 main page files relevant for this question:
pages/[...slug].tsx
In this file I use a getStaticPaths function to…
Lars Ejaas
- 153
- 9
1
vote
1 answer
gifsicle binary not found while starting reactjs app
We use gifsicle version 5.1.0 in package.json, but the application start throws the following error. It is expecting a binary gifsicle under node_modules/gifsicle/vendor folder but trying to start the application with "yarn dev" is not working. Any…
Rpj
- 5,348
- 16
- 62
- 122
1
vote
0 answers
React SSR app is not loading routed component in mid of API request
I'm creating a React SSR Project. I have achieved server-side rendering with Redux integrated.
However When I go through some component using api with bulk data, then while it's loading, hit the Back button of browser, my route changes immediately,…
Ravi Garg
- 1,378
- 12
- 23
1
vote
0 answers
Adding Material UI to React SSR
I'm using this really awesome boilerplate for a React SSR app and am trying to add Material UI for css lib. I've gone through their guide for Server Side Rendering but seem to be doing something wrong becuase I can get the button to render as shown…
user3125823
- 1,846
- 2
- 18
- 46
1
vote
0 answers
Apolllo client-state preset cache does not work on server side render
I am trying to use Apollo client-state data with the hooks useQuery and useMutation as a global store inside a NextJS app.
When I follow the example from NextJS called with-apollo (https://github.com/zeit/next.js/tree/canary/examples/with-apollo),…
rnacken
- 171
- 5
) when using React.Suspense
I am building a react app with the SSR feature and I am using React.Suspense for code-splitting on the client-side and I am getting this warning.
Warning: Did not expect server HTML to contain a
in
I have my App.js file on the…
user8989
- 580
- 2
- 6
- 21
2
votes
0 answers
Need to 'gatsby clean' with essentially every code change
So, our team are working on a Gatsby website, and it's working correctly for most of us.
One developer, however, needs to run gatsby clean on essentially every single code change.
Doesn't matter if it's an error, changing a text value or adding…
MitchEff
- 1,417
- 14
- 29
2
votes
1 answer
DOM Attributes do not update in Gatsby
I am having a weird issue on the static file after run gatsby build.
DOM's attributes (like className) could not be updated by listening to the prop change, but not the case of DOM's content, like text or DOM's children.
Only happening after…
Max Ma
- 1,060
- 9
- 15
2
votes
1 answer
load server data on redux initial state on SSR app
I have created a website which is React+Redux Serverside Render app, for loading server data I am dispatching an action on componentWillMount but it is an asynchronous request which loading data from AWS and it takes 2-3 seconds to respond…
Amit Shakya
- 962
- 3
- 16
- 30
2
votes
0 answers
How to deploy app with firebase hosting without a index.html?
I don't have a index.html file, the app is React SSR, which built with just an index.js entry file. To start the server I do node index.js.
How do I deploy the app in firebase?
Subhendu Kundu
- 3,618
- 6
- 26
- 57
2
votes
0 answers
React SSR document is not defined
I'm nearly done updating an old React (v15.2x) with SSR (RRv2.3) and webpack 1x code base for a movie app. I've updated nearly everything to current stuff (except for RRv3.2x).
I'm getting this error
Warning: Failed prop type: The prop…
user3125823
- 1,846
- 2
- 18
- 46
2
votes
0 answers
$.extend is not a function with React SSR
I am facing an issue in react SSR.
Added two plugins which are as under
import 'fullcalendar';
import 'fullcalendar-scheduler';
FullCalander throwing an error in terminal which is stated…
Kailash Chandra
- 155
- 1
- 3
- 12
1
vote
1 answer
SSR in React18 using renderToPipableStream - Server Generated HTML and Client Side HTML file UI are not matching
I was trying to make Server Side Rendering using Node,Express and React18 feature. The method I used was with renderToPipeableStream and not with renderToString.
Link for the CODE -
GITHUB :…
user9151444
- 31
- 1
- 9
1
vote
0 answers
Is seeing console.log on client expected for SSR? (Next JS)
I've created a simple page to test SSR implementation. There is one thing I couldn't be sure. If you could help to understand would be great!
const EmptyPage = () => {
console.log("rendered !!!");
return (
…
atasoyh
- 3,045
- 6
- 31
- 57
1
vote
0 answers
React SSR with redux and webpack Gtmetrix score not increases after optimization
Below is the webpack production file
const webpack = require("webpack");
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const CompressionPlugin = require("compression-webpack-plugin");
const…
Sushant Jadhav
- 106
- 8
1
vote
1 answer
Next Js dynamic i18n subfolder
I am currently working with a headless WordPress site in Next.js. I struggle a bit with the routing for internationalization.
I have 2 main page files relevant for this question:
pages/[...slug].tsx
In this file I use a getStaticPaths function to…
Lars Ejaas
- 153
- 9
1
vote
1 answer
gifsicle binary not found while starting reactjs app
We use gifsicle version 5.1.0 in package.json, but the application start throws the following error. It is expecting a binary gifsicle under node_modules/gifsicle/vendor folder but trying to start the application with "yarn dev" is not working. Any…
Rpj
- 5,348
- 16
- 62
- 122
1
vote
0 answers
React SSR app is not loading routed component in mid of API request
I'm creating a React SSR Project. I have achieved server-side rendering with Redux integrated.
However When I go through some component using api with bulk data, then while it's loading, hit the Back button of browser, my route changes immediately,…
Ravi Garg
- 1,378
- 12
- 23
1
vote
0 answers
Adding Material UI to React SSR
I'm using this really awesome boilerplate for a React SSR app and am trying to add Material UI for css lib. I've gone through their guide for Server Side Rendering but seem to be doing something wrong becuase I can get the button to render as shown…
user3125823
- 1,846
- 2
- 18
- 46
1
vote
0 answers
Apolllo client-state preset cache does not work on server side render
I am trying to use Apollo client-state data with the hooks useQuery and useMutation as a global store inside a NextJS app.
When I follow the example from NextJS called with-apollo (https://github.com/zeit/next.js/tree/canary/examples/with-apollo),…
rnacken
- 171
- 5