React website on localhost CSS files missing after deploying to GitHub Pages but GitHub Pages website works fine

After creating my React app locally, I installed GitHub Pages using npm install gh-pages --save-dev and added both

`"homepage": "https://ryanloh88.github.io/ryanloh/"`

and

"scripts": {
"predeploy":"npm run build",
"deploy":"gh-pages -d build",...}

to my package.json. After running npm run deploy my website is uploaded to git hub pages successfully and everything works fine there, however when I tested my local app using npm start, my localhost:3000 website becomes unstyled and it seems the styles.css class is missing. Tried finding the issue online but to no avail, help would be much appreciated.