Incompatible SockJS! Main site uses: "1.4.0", the iframe: "1.3.0".

Hi there,

I just upgraded to react-scripts v3.2.0 and am now see the below error in the console in my dev server:

Seems the issue is coming from the sockjs-client package. Tracking it down in my package-lock, react-scripts requires webpack-dev-server which in turn requires sockjs-client v1.3.0. react-scripts also requires react-dev-utils, which requires sockjs-client v1.4.0. I think that’s where the mismatch is coming from.

Do you have any advice moving forward?

Thank you.

[EmEmGee]

what’s your webserver?

I had this today as well and solved it by adding these 3 lines to my nginx.conf file:

  location / {
    proxy_pass http://client:3000;
    proxy_redirect    default;
    proxy_set_header  Host $host;
    proxy_set_header  X-Real-IP $remote_addr;
    proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header  X-Forwarded-Host $server_name;

    # WebSocket support added
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
  }

[cuellarj]

Update: Had a miscommunication with my back-end dev and those three lines were added outside the location object. The below settings fixed the issue (apologies for poor formatting). Thanks @EmEmGee for your original suggestion!

location / { proxy_pass our_server; proxy_redirect off;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}