Deploying my app to fly.io and experiencing this i...
# support-questionsd
djarran
03/02/2023, 10:54 AMDeploying my app to fly.io and experiencing this issue when attempting to sign in. After going from the Google Sign In Page back to the callback url at /auth/callback, white screen is loaded rather than the default orange spinner. Looking at the console, I see this (though I'm not sure if this is relevant to the issue. The same sequence when run locally functions fine
The stylesheet https://domain-name/auth/callback/static/css/main.e6d1f72b.css was not loaded because its MIME type, “text/html”, is not “text/css”.
The script from “https://domain-name/auth/callback/static/js/main.361a78ef.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type.
r
rp
03/02/2023, 10:55 AMhey @djarran - what does the network request say when the page is loaded? Do you see any errors?
d
djarran
03/02/2023, 10:58 AMit is not making any requests to auth/signinup route
djarran
03/02/2023, 10:58 AMwhereas locally it is
r
rp
03/02/2023, 10:58 AMyea but the browser must be sending a request to load the page itself - what do you see as the response for that?
d
djarran
03/02/2023, 11:04 AMsorry, not sure exactly what you mean but these are the only requests I see being made once visiting the callback url (where it is stuck)
r
rp
03/02/2023, 11:04 AMright, so i was talking about the first request. It's a 200 as i can see
rp
03/02/2023, 11:05 AMBut is it serving the react app? Or something else? What do you see in the browser console?
d
djarran
03/02/2023, 11:07 AMthe above image is all I see in my browser console
djarran
03/02/2023, 11:08 AMno requests are being made to my express server
r
rp
03/02/2023, 11:08 AMim not sure whats being served by fly.io. Maybe it's misconfigured and it's not actually serving your react app
rp
03/02/2023, 11:09 AMwhenever this type of error happens, its cause the web server is not serving the react app and is serving something else.
d
djarran
03/02/2023, 11:09 AMokay then
djarran
03/02/2023, 11:09 AMit has been working previously
r
rp
03/02/2023, 11:09 AMon fly.io?
d
djarran
03/02/2023, 11:09 AMuntil I signed out :/
djarran
03/02/2023, 11:09 AMserver is on fly.io, react app is on netlify
djarran
03/02/2023, 11:10 AMserver is on subdomain of the main domain
r
rp
03/02/2023, 11:10 AMright. So is netlify serving the react app correctly on that callback url?
d
djarran
03/02/2023, 11:11 AMfrom the looks of it, i guess not
djarran
03/02/2023, 11:11 AMcould the issue at all be with my server?
r
rp
03/02/2023, 11:11 AMyea. that's what i thought. So then please check your netlify settings
d
djarran
03/02/2023, 11:11 AMsure
djarran
03/02/2023, 11:56 AMso got it working, but I had to revert to a HashRouter rather than Browser Router in react-router-dom
djarran
03/02/2023, 11:58 AMnot sure why, do you know if there are any explanations?
r
rp
03/02/2023, 11:58 AMim not sure either. Perhaps some netlify / react thing.
d
djarran
03/03/2023, 6:19 AMstill trying to fix this issue. trying to implement my own UI and handling the callback using the examples provided
djarran
03/03/2023, 6:19 AMnow facing another issue
djarran
03/03/2023, 6:20 AMI have ran the init method in the index.js of my react app
djarran
03/03/2023, 6:21 AMjust baffled at everything not working
djarran
03/03/2023, 6:22 AMthey are aligned with those in the documentation
djarran
03/03/2023, 6:24 AMalso deployed to vercel and getting the same issues as discussed above
djarran
03/03/2023, 6:24 AMso definitely an issue with my react codebase
r
rp
03/03/2023, 6:26 AMare you doing server side rendering?
d
djarran
03/03/2023, 6:26 AMno server side rendering, just wanted to deploy to a different host
djarran
03/03/2023, 6:27 AMjust standard, basic CRA application
djarran
03/03/2023, 6:47 AMnvm, haven't got it fixed but it's working using hash router. thanks for the attempts to help, not much to work with